@charset "UTF-8";
/* Animações de Fade-In */
@keyframes fadeInLeft {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fadeInTop {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fadeInBottom {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.5);
    /* Começa menor */
    opacity: 0;
  }
  to {
    transform: scale(1);
    /* Termina no tamanho normal */
    opacity: 1;
  }
}
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes flipIn {
  0% {
    transform: rotate3d(-1, 1, 0, -80deg);
    opacity: 0;
  }
  100% {
    transform: rotate3d(1, 1, 0, 0deg);
    opacity: 1;
  }
}
@keyframes loopScale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/* Aplicando as animações nas classes de animação */
.fadeInLeft.show-animate {
  animation: fadeInLeft 1s ease-out forwards;
}

.fadeInRight.show-animate {
  animation: fadeInRight 1s ease-out forwards;
}

.fadeInTop.show-animate {
  animation: fadeInTop 1s ease-out forwards;
}

.fadeInBottom.show-animate {
  animation: fadeInBottom 1s ease-out forwards;
}

.zoomIn.show-animate {
  animation: zoomIn 1s ease-out forwards;
}

/* Ajustes gerais para tornar os elementos invisíveis até a animação */
.fade-left,
.fade-right,
.fade-top,
.fade-bottom,
.zoomIn {
  opacity: 0;
}

/* Classe que ativa a animação */
.show-animate {
  opacity: 1;
}

.bg-green {
  background: linear-gradient(30deg, #191919, #0f0f0f, #191919);
}

.bg-cinza {
  background: #f5f5f5;
}

.bg-dark1 {
  background: #151515;
}

.bg-dark2 {
  background: linear-gradient(30deg, #191919, #0f0f0f, #191919);
}

.swiper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root {
  --fundo-corpo: #fff;
  --fundo-formulario: #fff;
  --texto-principal: #333;
  --texto-secundario: #555;
  --texto-terciario: #999;
  --cor-borda: #d9d9d9;
  --cor-icone: #d9d9d9;
  --cor-link: #999;
}

html {
  background: var(--fundo-corpo);
}

body.dark-mode {
  --fundo-corpo: #3a4149;
  --fundo-formulario: #3a4149;
  --texto-principal: #fff;
  --texto-secundario: #fff;
  --texto-terciario: rgba(255, 255, 255, 0.7);
  --cor-borda: rgba(255, 255, 255, 0.2);
  --cor-icone: rgba(255, 255, 255, 0.4);
  --cor-link: rgba(255, 255, 255, 0.7);
}

* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "Rubik", sans-serif;
  /* Firefox — mesmo verde das Conversas */
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}

img {
  width: 100%;
  height: auto;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
}

.hidden-scrolling {
  overflow: hidden !important;
}

section {
  overflow-x: hidden;
}

.section-padding {
  padding: 75px 0;
}

.sticky-div {
  position: sticky;
  top: 130px;
  z-index: 4;
}

.overflow-unset {
  overflow: unset !important;
}

.moreText {
  display: none;
}

.go-top-btn {
  background: #151515;
  height: 55px;
  width: 55px;
  right: 15px;
  bottom: 10px;
  position: fixed;
  z-index: 10;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid transparent;
  box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.2);
  color: #1f1f1f;
  text-decoration: none;
  transition: all 0.4s;
  display: none;
  cursor: pointer;
}
.go-top-btn i {
  display: block;
  line-height: 52px;
  color: #fff;
}

.sticky-div {
  position: sticky !important;
  top: 130px;
  z-index: 4;
}

/* ===== Scrollbars (Chrome / Edge / Safari) — padrão dash / conversas ===== */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.06);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 1rem;
  margin: 0;
  padding: 0;
  font-weight: 600;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
  color: #171717;
}

a {
  color: #171717;
  text-decoration: none;
  transition: 0.4s ease;
}

p {
  color: #171717;
  margin-bottom: 15px;
  font-size: 1em;
  line-height: 22px;
}

.section-title h1,
.section-title h2 {
  font-size: 3em;
  font-weight: 700;
  font-family: "Rubik", sans-serif;
}
.section-title span {
  text-transform: uppercase;
  font-size: 0.9em;
  display: block;
}

.int-typography h2,
.int-typography h3,
.int-typography h4 {
  margin-bottom: 10px;
}
.int-typography ul {
  margin-bottom: 10px;
}
.int-typography ul li {
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 5px;
  font-size: 1em;
}

.divider {
  background: #e89a1e;
  -webkit-mask-position: center center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: contain;
  mask-repeat: no-repeat;
  width: 80px;
  height: 3px;
}

.title-area2 {
  position: relative;
  margin-top: 15px;
  margin-bottom: 30px;
}
.title-area2.white h2,
.title-area2.white h3,
.title-area2.white .title {
  color: #fff;
}
.title-area2.white p {
  color: #fff;
}
.title-area2.white span,
.title-area2.white .subtitle {
  color: #fff;
}
.title-area2.white span .subtitle-tagline,
.title-area2.white .subtitle .subtitle-tagline {
  border: 1px solid #ccc;
}
.title-area2.white span .subtitle-tagline::after,
.title-area2.white .subtitle .subtitle-tagline::after {
  background: #fff;
}
.title-area2 span,
.title-area2 .subtitle {
  position: relative;
  display: block;
  max-width: fit-content;
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.2em;
  padding: 8px 15px;
  padding-left: 65px;
  margin-bottom: 20px;
  border-radius: 2px;
}
.title-area2 span::before,
.title-area2 .subtitle::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  width: 50px;
  height: 3px;
  background: #e89a1e;
  opacity: 0.8;
}
.title-area2 h2,
.title-area2 h3,
.title-area2 .title {
  color: #171717;
  font-size: 2.6rem;
  line-height: 2.8rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: -0.25em;
}
.title-area2 h2 b,
.title-area2 h3 b,
.title-area2 .title b {
  font-weight: 600;
  color: #151515;
}
.title-area2 h2 b.tam2,
.title-area2 h3 b.tam2,
.title-area2 .title b.tam2 {
  font-size: 1.8rem;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .title-area2 h2,
  .title-area2 h3,
  .title-area2 .title {
    font-size: 2.4rem;
    line-height: 2.6rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .title-area2 h2,
  .title-area2 h3,
  .title-area2 .title {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.title-area2 p {
  font-size: 1rem;
  margin-top: 20px;
  color: #171717;
}
.title-area2 .shape {
  height: 30px;
  width: 200px;
  position: relative;
  margin-top: 10px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .title-area2 .shape {
    width: 200px;
  }
}
.title-area2 .shape::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0;
  background-image: url(../img/banners/divider-shape2.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.title-area2.text-center {
  text-align: center;
}
.title-area2.text-center span,
.title-area2.text-center .subtitle {
  left: 50%;
  transform: translateX(-50%);
}
.title-area2.text-center .shape {
  margin: 0 auto;
}
.title-area2.dark h2,
.title-area2.dark h3,
.title-area2.dark .title {
  color: #fff;
}

header .top_menu {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(20deg, #e89a1e, #df8f0e, #e89a1e);
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
  height: 35px;
  overflow: hidden;
}
@media (min-width: 1440px), only screen and (min-width: 1200px) and (max-width: 1439px) {
  header .top_menu {
    padding: 5px 60px;
  }
}
header .top_menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.03) 50%, transparent 100%);
  animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer {
  0%, 100% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .top_menu {
    display: none;
  }
}
header .top_menu .container-fluid {
  position: relative;
  z-index: 2;
}
header .top_menu .container-fluid .row {
  align-items: center;
}
header .top_menu .header-social {
  display: flex;
  gap: 6px;
  align-items: center;
}
header .top_menu .header-social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
header .top_menu .header-social a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}
header .top_menu .header-social a:hover {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
header .top_menu .header-social a:hover::before {
  left: 100%;
}
header .top_menu .header-social a i {
  font-size: 14px;
  position: relative;
  z-index: 1;
  color: #151515;
}
header .top_menu .contact-menu {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
header .top_menu .contact-menu .dn_btn {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 4px 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  overflow: hidden;
}
header .top_menu .contact-menu .dn_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
  transition: width 0.3s ease;
}
header .top_menu .contact-menu .dn_btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
header .top_menu .contact-menu .dn_btn:hover::before {
  width: 100%;
}
header .top_menu .contact-menu .dn_btn i {
  font-size: 14px;
  color: #151515;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .top_menu .contact-menu .dn_btn {
    font-size: 11px;
    gap: 4px;
    padding: 3px 8px;
  }
}
header .header-area {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
header .header-area.sticky {
  background: rgba(232, 154, 30, 0.8);
  backdrop-filter: blur(15px);
  animation: remove-top 0.8s ease-in-out;
}
@keyframes remove-top {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
header .header-area.sticky .nav-branding {
  color: #000;
}
header .header-area.sticky .nav-menu .menu li a {
  color: #fff;
}
header .header-area.sticky .top_menu {
  display: none;
}
header .header-area .header-main {
  display: flex;
  justify-content: space-between;
  padding: 0px 30px;
  height: 100px;
  align-items: center;
  background: white;
  backdrop-filter: blur(10px);
}
@media (min-width: 1440px), only screen and (min-width: 1200px) and (max-width: 1439px) {
  header .header-area .header-main {
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main {
    padding: 0px 10px;
  }
}
header .header-area .header-main .logo {
  padding: 0 15px;
  width: 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .logo {
    width: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  header .header-area .header-main .logo {
    width: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-area .header-main .logo {
    width: 130px;
  }
}
header .header-area .header-main .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header-area .header-main .nav-menu {
  padding: 0 15px;
}
@media (min-width: 1440px), only screen and (min-width: 1200px) and (max-width: 1439px), only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu {
    display: flex;
    align-items: center;
  }
}
header .header-area .header-main .nav-menu .menu .menu-item {
  display: inline-block;
  margin-left: 30px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu .menu .menu-item {
    margin-left: 10px;
  }
}
header .header-area .header-main .nav-menu .menu .menu-item:first-child {
  margin-left: 0;
}
header .header-area .header-main .nav-menu .menu .menu-item > a {
  display: block;
  padding: 10px 0;
  font-size: 18px;
  letter-spacing: 0.1rem;
  color: #000;
  font-weight: 500;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu .menu .menu-item > a {
    font-size: 15px;
  }
}
header .header-area .header-main .nav-menu .menu .menu-item > a .plus {
  display: inline-block;
  height: 10px;
  width: 10px;
  position: relative;
  margin-left: 3px;
  pointer-events: none;
}
header .header-area .header-main .nav-menu .menu .menu-item > a .plus::before, header .header-area .header-main .nav-menu .menu .menu-item > a .plus::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  left: 50%;
  top: 50%;
  background: #e19418;
  height: 2px;
  width: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
}
header .header-area .header-main .nav-menu .menu .menu-item > a .plus::after {
  transform: translate(-50%, -50%) rotate(-90deg);
}
header .header-area .header-main .nav-menu .menu .menu-item > a::after {
  content: "";
  display: block;
  margin: auto;
  height: 3px;
  width: 0;
  position: relative;
  top: 1px;
  background: transparent;
  transition: all 0.3s;
}
header .header-area .header-main .nav-menu .menu .menu-item > a:hover {
  color: #e89a1e;
}
header .header-area .header-main .nav-menu .menu .menu-item > a:hover .plus::before, header .header-area .header-main .nav-menu .menu .menu-item > a:hover .plus:after {
  background-color: #e89a1e;
}
header .header-area .header-main .nav-menu .menu .menu-item > a:hover::after, header .header-area .header-main .nav-menu .menu .menu-item > a.active-nav::after {
  width: 100%;
  background: #151515;
}
header .header-area .header-main .nav-menu .menu .menu-item .sub-menu {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 330px;
  max-height: 450px;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 100%;
  background: #e19418;
  backdrop-filter: blur(10px);
  padding: 10px 0;
  border-top: 3px solid #e19418;
  transform: translateY(10px);
  transition: all 0.3s ease;
  border-radius: 2px;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item {
  display: block;
  margin: 0 20px;
}
header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  transition: all 0.4s ease;
}
header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a:hover {
  color: #000;
  padding-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a:hover {
    color: #e89a1e;
  }
}
header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a::after {
  display: none;
}
@media (min-width: 992px) {
  header .header-area .header-main .nav-menu .menu .has-children:hover .sub-menu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  header .header-area .header-main .nav-menu .menu .has-children:hover > a .plus::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
@media (min-width: 1440px), only screen and (min-width: 1200px) and (max-width: 1439px), only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu .contact-btn {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu .contact-btn .btn-one {
    padding: 10px 30px;
  }
}
@media (max-width: 991px) {
  header .header-area .header-main .nav-menu {
    position: fixed;
    right: -280px;
    visibility: hidden;
    width: 280px;
    height: 100vh;
    top: 0;
    overflow-y: auto;
    background-color: #222222;
    z-index: 1000;
    padding: 15px 0;
    transition: all 0.5s ease;
  }
  header .header-area .header-main .nav-menu .menu .menu-item {
    display: block;
    margin: 0;
  }
  header .header-area .header-main .nav-menu .menu .menu-item > a {
    color: #ffffff;
    padding: 10px 15px;
    border-bottom: 1px solid #333333;
  }
  header .header-area .header-main .nav-menu .menu .menu-item > a .plus::before, header .header-area .header-main .nav-menu .menu .menu-item > a .plus::after {
    background-color: #ffffff;
  }
  header .header-area .header-main .nav-menu .menu .menu-item > a::after {
    display: none;
  }
  header .header-area .header-main .nav-menu .menu .menu-item > a:hover {
    color: #e89a1e;
  }
  header .header-area .header-main .nav-menu .menu .menu-item:first-child a {
    border-top: 1px solid #333333;
  }
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu {
    width: 100%;
    position: relative;
    opacity: 1;
    visibility: visible;
    border: none;
    background-color: transparent;
    box-shadow: none;
    transform: translateY(0px);
    padding: 0px;
    left: auto;
    top: auto;
    max-height: 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 991px) and (min-width: 1200px) and (max-width: 1439px), only screen and (max-width: 991px) and (min-width: 992px) and (max-width: 1199px) {
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu {
    height: auto;
  }
}
@media (max-width: 991px) {
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item {
    margin-left: 0;
  }
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a {
    padding: 12px 25px;
    color: #ffffff;
    border-bottom: 1px solid #333333;
  }
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu .menu-item a:hover {
    padding-left: 25px;
  }
  header .header-area .header-main .nav-menu .menu .has-children a {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .header-area .header-main .nav-menu .menu .has-children.active > a .plus::after {
    transform: translate(-50%, -50%) rotate(0deg);
  }
}
header .header-area .header-main .open-nav-menu {
  height: 34px;
  width: 40px;
  margin-right: 15px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
header .header-area .header-main .open-nav-menu span {
  display: block;
  height: 4px;
  width: 40px;
  background-color: #151515;
  position: relative;
}
header .header-area .header-main .open-nav-menu span::after, header .header-area .header-main .open-nav-menu span::before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #151515;
  box-sizing: border-box;
}
header .header-area .header-main .open-nav-menu span::before {
  top: -9px;
}
header .header-area .header-main .open-nav-menu span::after {
  top: 9px;
}
@media (max-width: 991px) {
  header .header-area .header-main .open-nav-menu {
    display: flex;
  }
}
header .header-area .header-main .close-nav-menu {
  font-size: 30px;
  background-color: transparent;
  color: #e89a1e;
  margin: 0 0 15px 15px;
  cursor: pointer;
  display: none;
  align-items: center;
}
header .header-area .header-main .close-nav-menu img {
  width: 16px;
}
@media (max-width: 991px) {
  header .header-area .header-main .close-nav-menu {
    display: flex;
  }
}
header .header-area .header-main .menu-overlay {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
@media (max-width: 991px) {
  header .header-area .header-main .menu-overlay.active {
    visibility: visible;
    opacity: 1;
  }
  header .header-area .header-main .nav-menu.open {
    visibility: visible;
    right: 0px;
  }
}
header .header-area .contact-btn .btn-main {
  padding: 18px 30px;
}

.padding-banner {
  padding-top: 136px;
}
@media (max-width: 991px) {
  .padding-banner {
    padding-top: 106px;
  }
}

@media (min-width: 992px) {
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu.sub-menu-2 {
    top: 8px;
    left: calc(100% + 21px);
    opacity: 0;
    visibility: hidden;
    width: 250px;
  }
  header .header-area .header-main .nav-menu .menu .menu-item.has-children-2:hover .sub-menu-2 {
    top: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 992px) {
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu.sub-menu-2 .menu-item a {
    padding: 12px 45px;
  }
  header .header-area .header-main .nav-menu .menu .menu-item .sub-menu.sub-menu-2 .menu-item a:hover {
    padding-left: 45px;
  }
}
.footer-area {
  background: #151515;
  padding: 65px 0 0;
}
.footer-area .footer-top {
  border-bottom: 1px solid #ccc;
}
@media (max-width: 991px) {
  .footer-area .footer-top .single-footer-caption {
    margin-bottom: 70px;
  }
}
.footer-area .footer-top .single-footer-caption .footer-logo {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  justify-content: start;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-area .footer-top .single-footer-caption .footer-logo {
    justify-content: center;
  }
}
.footer-area .footer-top .single-footer-caption .footer-logo img {
  object-fit: contain;
  width: 180px;
  height: auto;
  padding: 10px 0;
  background: #fff;
  border-radius: 10px;
}
.footer-area .footer-top .single-footer-caption .footer-pera .info1 {
  font-size: 1rem;
  line-height: 1.4rem;
  margin-bottom: 30px;
  font-weight: 400;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-area .footer-top .single-footer-caption .footer-pera .info1 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-area .footer-top .single-footer-caption .footer-pera .info1 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-area .footer-top .single-footer-caption .footer-pera .info1 {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-area .footer-top .single-footer-caption .footer-pera .info1 {
    padding-right: 0px;
  }
}
.footer-area .footer-top .single-footer-caption .footer-tittle span {
  color: #f5f5f5;
  font-family: "Rubik", sans-serif;
  font-size: 22px;
  margin-bottom: 35px;
  font-weight: 600;
  text-transform: uppercase;
}
.footer-area .footer-top .single-footer-caption .footer-tittle ul li {
  color: #fff;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.footer-area .footer-top .single-footer-caption .footer-tittle ul li a {
  color: #868c98;
  font-weight: 300;
  transition: 0.4s ease;
}
.footer-area .footer-top .single-footer-caption .footer-tittle ul li a:hover {
  color: #151515;
  padding-left: 5px;
}
.footer-area .footer-top .single-footer-caption .footer-cap {
  margin-bottom: 30px;
}
.footer-area .footer-top .single-footer-caption .footer-cap span {
  color: #e19418;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  display: block;
}
.footer-area .footer-top .single-footer-caption .footer-cap p {
  color: #fff;
  font-size: 16px;
}
.footer-area .footer-top .single-footer-caption .footer-cap a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  transition: 0.4s ease;
}
.footer-area .footer-top .single-footer-caption .footer-cap a:hover {
  color: #e89a1e;
  padding-left: 5px;
}
.footer-area .footer-top .single-footer-caption .footer-cap a i {
  margin-right: 2px;
}
.footer-area .footer-bottom {
  padding-bottom: 20px;
  padding-top: 30px;
}
.footer-area .footer-bottom img {
  filter: brightness(10);
  width: 125px;
  height: 52px;
}
.footer-area .footer-bottom .footer-copy-right p {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 12px;
}

.social_links {
  margin: 25px 0;
}
@media (max-width: 991px) {
  .social_links {
    margin: 30px 0 40px;
  }
}
.social_links ul li {
  display: inline-block;
}
.social_links ul li a {
  font-size: 18px;
  color: #C3B2F0;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  background: #e89a1e;
  border-radius: 50%;
  line-height: 40px !important;
  margin-right: 7px;
  color: #fff;
  line-height: 41px !important;
  transition: 0.4s ease;
}
.social_links ul li a:hover {
  background: #151515;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mob-center {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .mob-center {
    text-align: center;
  }
}
@media (max-width: 575px) {
  .mob-center {
    text-align: center;
  }
}

.slider-area {
  background-image: url(../img/banners/hero-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-area {
    margin-top: 90px;
  }
}
.slider-area .slider-height {
  height: 300px;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-area .slider-height {
    height: 200px;
  }
}
.slider-area .slider-height .hero-cap {
  padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-area .slider-height .hero-cap {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-area .slider-height .hero-cap {
    padding-top: 10px;
  }
}
.slider-area .slider-height .hero-cap h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-area .slider-height .hero-cap h1 {
    font-size: 35px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-area .slider-height .hero-cap h1 {
    font-size: 35px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .slider-area .slider-height .hero-cap h1 {
    font-size: 35px;
    text-align: center;
  }
}
.slider-area .slider-height .hero-cap .ajust-link {
  color: #fff;
  font-weight: 500;
}
.slider-area .slider-height .hero-cap .ajust-link:hover {
  color: #151515;
}
.slider-area .slider-height .hero-cap .divider {
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-area .slider-height .hero-cap .divider {
    margin: 0 auto;
  }
}
.slider-area .slider-height .hero-cap .color-w {
  color: #151515;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .slider-area .slider-height .hero-cap .color-w {
    text-align: center;
  }
}
.slider-area .hero-overly {
  position: relative;
  z-index: 1;
}
.slider-area .hero-overly::before {
  position: absolute;
  content: "";
  background: rgba(15, 15, 15, 0.4);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
}

button.btn-main {
  border: none;
}

.btn-main {
  background: #e19418;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
  padding: 13px 20px;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  border-radius: 5px;
  -moz-user-select: none;
  font-weight: 400;
  letter-spacing: 1px;
  cursor: pointer;
  transition: color 0.4s linear;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.btn-main::after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #e89a1e;
  border-radius: 5px;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.btn-main:hover {
  color: #fff;
}
.btn-main:hover:after {
  left: 0;
  width: 100%;
}
.btn-main:active {
  top: 2px;
}

.btn-one {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 40px;
  border: 0;
  text-transform: capitalize;
  z-index: 1;
  width: fit-content;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  border-radius: 1px;
  text-transform: uppercase;
  background: #e89a1e;
  color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn-one {
    font-size: 14px;
    padding: 18px 45px;
  }
}
.btn-one.radius {
  border-radius: 999px;
}
.btn-one i {
  font-size: 24px;
  margin-right: 10px;
}
.btn-one::before, .btn-one::after {
  background-color: #e19418;
}
.btn-one::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 0;
  content: "";
  transition: all 0.4s ease-in-out;
  border-radius: 0;
  z-index: -1;
}
.btn-one:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 51%;
  height: 0;
  content: "";
  transition: all 0.4s ease-in-out;
  border-radius: 0;
  z-index: -1;
}
.btn-one:hover {
  transform: scale(1.02);
}
.btn-one:hover::before, .btn-one:hover::after {
  height: 100%;
}
.btn-one.color2 {
  background: #e89a1e !important;
  color: #fff !important;
}
.btn-one.color2::before, .btn-one.color2::after {
  background-color: #151515 !important;
}
.btn-one.color3 {
  background: #151515 !important;
  color: #fff !important;
}
.btn-one.color3::before, .btn-one.color3::after {
  background-color: #e19418 !important;
}
.btn-one.color4 {
  background: #dddddd !important;
  color: #fff !important;
}
.btn-one.color4::before, .btn-one.color4::after {
  background-color: #e89a1e !important;
}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.btn-two {
  position: relative;
  line-height: 1;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  background-color: #e89a1e;
  color: #fff;
  border-radius: 2px;
  padding: 8px 10px;
  margin: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.3s;
  box-shadow: 3px 3px 25px -5px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease-in;
}
.btn-two.color2 {
  background-color: #dddddd;
}
.btn-two.color2:hover {
  background-color: #f5f5f5;
}
.btn-two.color3 {
  background-color: #151515;
}
.btn-two.color3:hover {
  background-color: #f5f5f5;
}
.btn-two:hover {
  background-color: #e19418;
  transform: scale(1.03);
}
.btn-two:hover .icon .i1 {
  transition: transform 0.3s ease-in-out;
  transform: translate(180%, 0%);
}
.btn-two:hover .icon .i2 {
  transition: transform 0.3s ease-in-out 0.1s;
  transform: translate(0px, 0px) rotate(0deg);
}
.btn-two span,
.btn-two .txt {
  font-weight: 600;
  font-size: 16px;
  padding: 10px 15px;
}
.btn-two .icon {
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  position: relative;
  color: #e89a1e;
  background-color: #fff;
  border-radius: 2px;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.btn-two .icon .i1,
.btn-two .icon .i2 {
  color: #e89a1e;
  font-size: 16px;
  margin: 0;
  position: absolute;
  transform: translate(0%, 0%) rotate(0deg);
}
.btn-two .icon .i2 {
  transform: translate(-200%, 0%) rotate(0deg);
}

.card-two {
  overflow: hidden;
  margin: 10px 0;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.4s ease;
}
.card-two.has-desc .card-prod-content {
  min-height: 200px;
}
.card-two.has-desc .card-prod-content h2,
.card-two.has-desc .card-prod-content h3 {
  margin-bottom: 10px;
  min-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .card-two.has-desc .card-prod-content h2,
  .card-two.has-desc .card-prod-content h3 {
    min-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .card-two.has-desc .card-prod-content h2,
  .card-two.has-desc .card-prod-content h3 {
    min-height: 45px;
  }
}
.card-two:hover {
  transform: translateY(-5px);
}
.card-two:hover .card-prod-content {
  background-image: linear-gradient(60deg, #151515 0%, #151515 99%);
}
.card-two:hover .card-prod-content::before {
  background-color: #fff;
  height: 70%;
}
.card-two:hover .cart-img img {
  transform: scale(1.02);
}
.card-two:hover .btn-a {
  background-color: #fff;
}
.card-two:hover .btn-a i {
  color: #e19418;
}
.card-two .cart-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 290px;
  background-color: #fff;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .card-two .cart-img {
    height: 220px;
  }
}
@media (max-width: 575px) {
  .card-two .cart-img {
    height: 250px;
  }
}
@media (max-width: 320px) {
  .card-two .cart-img {
    height: 250px;
  }
}
.card-two .cart-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.card-two .cart-img img.obj-contain {
  object-fit: contain;
}
.card-two .card-prod-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: linear-gradient(90deg, #151515 0%, #151515 99%);
  position: relative;
  padding: 30px 25px 30px;
  transition: 0.5s ease;
  min-height: 140px;
}
.card-two .card-prod-content::before {
  position: absolute;
  height: 60%;
  width: 6px;
  background: #e19418;
  content: "";
  left: 0;
  transition: 0.3s;
}
.card-two .card-prod-content h2,
.card-two .card-prod-content h3 {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 700;
  margin-right: 10px;
  text-transform: uppercase;
  position: relative;
  transition: 0.3s ease;
  color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .card-two .card-prod-content h2,
  .card-two .card-prod-content h3 {
    font-size: 16px;
    margin-right: 10px;
  }
}
@media (max-width: 575px) {
  .card-two .card-prod-content h2,
  .card-two .card-prod-content h3 {
    font-size: 18px;
  }
}
@media (max-width: 320px) {
  .card-two .card-prod-content h2,
  .card-two .card-prod-content h3 {
    font-size: 16px;
  }
}
.card-two .card-prod-content p {
  font-size: 14px;
  color: #fff;
  width: 95%;
  overflow: hidden;
  text-align: left;
  hyphens: none;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card-two .card-prod-content .btn-a {
  height: 50px;
  width: 50px;
  border: 2px solid #fff;
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  border-radius: 50%;
  text-align: center;
}
@media (max-width: 575px) {
  .card-two .card-prod-content .btn-a {
    height: 45px;
    width: 45px;
  }
}

.testimonial-block-one {
  margin: 15px 10px;
}
.testimonial-block-one .inner-box {
  position: relative;
  display: block;
}
.testimonial-block-one .inner-box .text-box {
  position: relative;
  display: block;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 20px;
  padding: 40px 40px 33px 40px;
  margin-bottom: 40px;
}
.testimonial-block-one .inner-box .text-box::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 24px;
  height: 16px;
  left: 68px;
  bottom: -15px;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% 100%, 0% 0%);
}
.testimonial-block-one .inner-box .rating {
  margin-bottom: 10px;
}
.testimonial-block-one .inner-box .rating i {
  position: relative;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 5px;
  font-size: 16px;
  color: #FF8A00;
}
.testimonial-block-one .inner-box .author-box {
  position: relative;
  display: block;
  padding: 14px 0px 14px 100px;
}
.testimonial-block-one .inner-box .author-box .author-thumb {
  position: absolute;
  background: #fff;
  left: 0px;
  top: 0px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  z-index: 1;
}
.testimonial-block-one .inner-box .author-box .author-thumb::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -3px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #e19418;
  z-index: -1;
}
.testimonial-block-one .inner-box .author-box .author-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.testimonial-block-one .inner-box .author-box p {
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}
.testimonial-block-one .inner-box .author-box .designation {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
}

.card-05 {
  position: relative;
  width: 100%;
  height: 500px;
  margin: 10px 0;
  overflow: hidden;
  border-radius: 2px;
  background: rgb(99, 99, 99);
}
.card-05 .box-image {
  position: relative;
  width: 100%;
  height: 100%;
}
.card-05 .box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s ease;
}
.card-05 .box-image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(221, 221, 221, 0.4);
  opacity: 0;
  z-index: 1;
  transition: 0.3s ease;
}
.card-05 .box-content {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 10px;
  z-index: 2;
}
.card-05 .box-content .box-title {
  position: relative;
  width: 100%;
  height: 100%;
}
.card-05 .box-content .box-title .title {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 80px;
  padding: 18px 20px;
  font-size: 20px;
  font-weight: 400;
  margin-right: 55px;
  color: #000;
  background: #dddddd;
}
.card-05 .box-content .box-title .title::before {
  position: absolute;
  content: "";
  right: -11px;
  top: 0px;
  border-bottom: 18px solid #a48585;
  border-right: 12px solid transparent;
}
.card-05 .box-content .desc {
  width: 100%;
  background: #e89a1e;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transform: translateY(0px);
  transition: all 0.3s ease;
}
.card-05 .box-content .desc p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4rem;
  color: #fff;
}
.card-05 .box-content .link-btn {
  position: absolute;
  right: 0px;
  top: 15px;
  width: 55px;
  height: 80%;
  max-height: 70px;
  z-index: 1;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e89a1e;
  transition: 0.3s ease;
}
.card-05 .box-content .link-btn i {
  font-size: 20px;
  color: #fff;
  transform: rotate(-30deg);
}
.card-05:hover .box-image::before {
  opacity: 1;
}
.card-05:hover .box-image img {
  transform: scale(1.03);
}
.card-05:hover .box-content .desc {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 20px 15px 15px 15px;
  transform: translateY(0);
}
.card-05:hover .box-content .link-btn {
  background: #151515;
}
.card-05:hover .box-content .link-btn i {
  color: #fff;
}

.cta-area {
  background-image: url(../img/banners/cta-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
  box-shadow: inset 0 0 0 1000px rgba(21, 22, 22, 0.65);
  padding: 80px 0;
}
.cta-area .cta-caption h2 {
  color: #e89a1e;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-caption h2 {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-area .cta-caption h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-caption h2 {
    font-size: 40px;
    margin-bottom: 20px;
    text-align: center;
  }
}
.cta-area .cta-caption p {
  color: #e89a1e;
  font-size: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .cta-area .cta-caption p {
    text-align: center;
  }
}
.cta-area .btn-main {
  width: 90px;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #151515;
}
.cta-area .btn-main::after {
  background: #e89a1e;
  border-radius: 50%;
}
.cta-area .btn-main i {
  font-size: 2.6rem;
}

@media (min-width: 992px) {
  .menu-sidebar {
    display: flex;
  }
}

.accordion {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .accordion {
    width: 95%;
  }
}
.accordion .accordion-item {
  border: none;
}
.accordion .accordion-item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #e89a1e;
}
.accordion .accordion-item button[aria-expanded=true] .icon {
  color: #e89a1e;
}
@media (max-width: 991px) {
  .accordion {
    padding: 0 20px;
  }
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #161616;
  font-size: 1rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
  transition: 0.4s ease;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: #e89a1e;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: #e89a1e;
  border: 1px solid #e89a1e;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
  font-weight: 600;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid;
  border-radius: 22px;
  color: #151515;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}
.accordion button[aria-expanded=true] {
  color: #e19418;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 100%;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}
@media (max-width: 991px) {
  .accordion button[aria-expanded=true] + .accordion-content {
    overflow-y: scroll;
  }
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
}
.accordion .accordion-content p,
.accordion .accordion-content li {
  font-size: 0.9rem;
  font-weight: 300;
  margin: 2em 0;
}
.accordion .accordion-content p a:hover,
.accordion .accordion-content li a:hover {
  color: #e89a1e;
  padding-left: 5px;
}
@media (max-width: 991px) {
  .accordion .accordion-content p {
    font-weight: 600;
    color: #151515;
    padding-bottom: 5px;
    border-bottom: 1px solid #e5e5e5;
  }
}

.home-form {
  border-top: 3px solid color-mix(in srgb, #e19418, #fff 65%);
  padding: 65px 0;
}
.home-form form,
.home-form input,
.home-form label,
.home-form p,
.home-form textarea {
  color: #000 !important;
}
.home-form .contact-card .fa-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #151515;
  padding: 10px;
  width: 55px;
  height: 55px;
  text-align: center;
  float: left;
  margin-right: 20px;
  border-radius: 50%;
}
.home-form .contact-card .fa-contact i {
  font-size: 25px;
  color: #fff;
}
.home-form .contact-card .content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.home-form .contact-card .content p {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px 0;
}
.home-form .contact-card .content p a {
  color: #000;
}
.home-form .contact-card .content p a:hover {
  color: #e89a1e;
}

.form-contact label {
  font-size: 14px;
}
.form-contact .form-group {
  margin-bottom: 15px;
}
.form-contact .form-group .btn-prod button,
.form-contact .form-group .btn-prod a {
  width: 80%;
  margin-left: 0;
}
.form-contact .form-control {
  border: 1px solid #e5e6e9;
  border-radius: 0px;
  height: 48px;
  padding-left: 18px;
  font-size: 13px;
  background: transparent;
  width: 100%;
}
.form-contact .form-control:focus {
  outline: 0;
  box-shadow: none;
}
.form-contact .form-control::placeholder {
  font-weight: 300;
  color: #999999;
}
.form-contact textarea {
  border-radius: 0px;
  height: 100% !important;
  padding-top: 20px;
}
.form-contact button {
  border: none;
}

#form-prod-int {
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 8px;
}

.h3-form {
  font-size: 20px;
  color: #151515;
}
.h3-form i {
  color: #e89a1e;
  font-size: 18px;
  position: relative;
  top: 5px;
}

.whats-form {
  background: #22ba59;
  margin-left: 20px;
}
.whats-form::after {
  background-color: #01a43d;
}

.input-password-wrap {
  position: relative;
  width: 100%;
}
.input-password-wrap input:not([type=checkbox]):not([type=radio]) {
  padding-right: 40px;
}
.input-password-wrap .input-password-toggle {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #8da5bc;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
.input-password-wrap .input-password-toggle:hover {
  color: #24f2c0;
  background: rgba(36, 242, 192, 0.08);
}
.input-password-wrap .input-password-toggle:focus-visible {
  outline: 2px solid rgba(36, 242, 192, 0.45);
  outline-offset: 1px;
}
.input-password-wrap .input-password-toggle i {
  font-size: 14px;
  pointer-events: none;
}

@keyframes sweep {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*=============*/
.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 75px;
  right: 15px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
  animation: sweep 1.5s ease-in-out;
  display: flex;
  justify-content: center;
}

.whatsapp-icon {
  margin-top: 13px;
}

.uaal-dash-notify {
  position: fixed;
  inset: 0;
  z-index: 100050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.uaal-dash-notify--visible {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.uaal-dash-notify__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(21, 21, 21, 0.45);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}
.uaal-dash-notify__panel {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(21, 21, 21, 0.18), 0 0 0 1px rgba(56, 211, 159, 0.06);
  padding: 28px 24px 22px;
  text-align: center;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.uaal-dash-notify__header {
  margin-bottom: 14px;
}
.uaal-dash-notify__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  font-size: 1.5rem;
}
.uaal-dash-notify__icon {
  line-height: 1;
}
.uaal-dash-notify__message {
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--texto-principal);
  margin: 0 0 22px;
  white-space: pre-wrap;
  word-break: break-word;
  transition: color 0.3s ease;
}
.uaal-dash-notify__btn {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 10px 28px;
  border-radius: 10px;
  border: none;
  cursor: pointer;
  background: #38d39f;
  color: #fff;
  transition: filter 0.2s ease, transform 0.15s ease;
}
.uaal-dash-notify__btn:hover {
  filter: brightness(1.05);
}
.uaal-dash-notify__btn:active {
  transform: scale(0.98);
}
.uaal-dash-notify__btn:focus-visible {
  outline: 2px solid #38d39f;
  outline-offset: 3px;
}
.uaal-dash-notify--sucesso .uaal-dash-notify__icon-wrap {
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
}
.uaal-dash-notify--erro .uaal-dash-notify__icon-wrap {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}
.uaal-dash-notify--info .uaal-dash-notify__icon-wrap {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}
.uaal-dash-notify--aviso .uaal-dash-notify__icon-wrap {
  background: rgba(245, 158, 11, 0.14);
  color: #d97706;
}
.uaal-dash-notify__title {
  font-family: "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--texto-principal);
  margin: 0 0 10px;
  line-height: 1.35;
}
.uaal-dash-notify__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.uaal-dash-notify__btn--ghost {
  background: transparent;
  color: var(--texto-principal);
  border: 1px solid var(--cor-borda);
}
.uaal-dash-notify__btn--ghost:hover {
  filter: none;
  background: rgba(21, 21, 21, 0.06);
}
.uaal-dash-notify__btn--ghost:focus-visible {
  outline: 2px solid var(--cor-borda);
  outline-offset: 3px;
}
.uaal-dash-notify--confirm .uaal-dash-notify__message, .uaal-dash-notify--alert .uaal-dash-notify__message {
  margin-bottom: 20px;
}
.uaal-dash-notify--alert .uaal-dash-notify__actions, .uaal-dash-notify--confirm .uaal-dash-notify__actions {
  margin-top: 4px;
}

body.uaal-dash-notify--locked {
  overflow: hidden;
}

body.dash-page--crm-chat .uaal-dash-notify__backdrop,
body.dash-page--crm .uaal-dash-notify__backdrop,
body.dash-page--trazer-leads .uaal-dash-notify__backdrop,
body.dash-page--internal-chat .uaal-dash-notify__backdrop,
body.dash-page--playground .uaal-dash-notify__backdrop,
body.dash-page--inventory .uaal-dash-notify__backdrop,
body.dash-page--parametros .uaal-dash-notify__backdrop,
body.dash-page--configuracoes .uaal-dash-notify__backdrop,
body.dash-page--fabricante-empresas .uaal-dash-notify__backdrop,
body.dash-page .uaal-dash-notify__backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--crm-chat .uaal-dash-notify__panel,
body.dash-page--crm .uaal-dash-notify__panel,
body.dash-page--trazer-leads .uaal-dash-notify__panel,
body.dash-page--internal-chat .uaal-dash-notify__panel,
body.dash-page--playground .uaal-dash-notify__panel,
body.dash-page--inventory .uaal-dash-notify__panel,
body.dash-page--parametros .uaal-dash-notify__panel,
body.dash-page--configuracoes .uaal-dash-notify__panel,
body.dash-page--fabricante-empresas .uaal-dash-notify__panel,
body.dash-page .uaal-dash-notify__panel {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  border-radius: 18px;
  padding: 26px 22px 20px;
}
body.dash-page--crm-chat .uaal-dash-notify__title,
body.dash-page--crm .uaal-dash-notify__title,
body.dash-page--trazer-leads .uaal-dash-notify__title,
body.dash-page--internal-chat .uaal-dash-notify__title,
body.dash-page--playground .uaal-dash-notify__title,
body.dash-page--inventory .uaal-dash-notify__title,
body.dash-page--parametros .uaal-dash-notify__title,
body.dash-page--configuracoes .uaal-dash-notify__title,
body.dash-page--fabricante-empresas .uaal-dash-notify__title,
body.dash-page .uaal-dash-notify__title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
  font-size: 1.05rem;
}
body.dash-page--crm-chat .uaal-dash-notify__message,
body.dash-page--crm .uaal-dash-notify__message,
body.dash-page--trazer-leads .uaal-dash-notify__message,
body.dash-page--internal-chat .uaal-dash-notify__message,
body.dash-page--playground .uaal-dash-notify__message,
body.dash-page--inventory .uaal-dash-notify__message,
body.dash-page--parametros .uaal-dash-notify__message,
body.dash-page--configuracoes .uaal-dash-notify__message,
body.dash-page--fabricante-empresas .uaal-dash-notify__message,
body.dash-page .uaal-dash-notify__message {
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
}
body.dash-page--crm-chat .uaal-dash-notify__btn,
body.dash-page--crm .uaal-dash-notify__btn,
body.dash-page--trazer-leads .uaal-dash-notify__btn,
body.dash-page--internal-chat .uaal-dash-notify__btn,
body.dash-page--playground .uaal-dash-notify__btn,
body.dash-page--inventory .uaal-dash-notify__btn,
body.dash-page--parametros .uaal-dash-notify__btn,
body.dash-page--configuracoes .uaal-dash-notify__btn,
body.dash-page--fabricante-empresas .uaal-dash-notify__btn,
body.dash-page .uaal-dash-notify__btn {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--crm-chat .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--crm .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--trazer-leads .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--internal-chat .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--playground .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--inventory .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--parametros .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--configuracoes .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page--fabricante-empresas .uaal-dash-notify__btn:hover:not(:disabled),
body.dash-page .uaal-dash-notify__btn:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--crm-chat .uaal-dash-notify__btn,
body.dash-page--crm .uaal-dash-notify__btn,
body.dash-page--trazer-leads .uaal-dash-notify__btn,
body.dash-page--internal-chat .uaal-dash-notify__btn,
body.dash-page--playground .uaal-dash-notify__btn,
body.dash-page--inventory .uaal-dash-notify__btn,
body.dash-page--parametros .uaal-dash-notify__btn,
body.dash-page--configuracoes .uaal-dash-notify__btn,
body.dash-page--fabricante-empresas .uaal-dash-notify__btn,
body.dash-page .uaal-dash-notify__btn {
  border-radius: 10px;
  padding: 10px 24px;
  filter: none;
}
body.dash-page--crm-chat .uaal-dash-notify__btn--ghost,
body.dash-page--crm .uaal-dash-notify__btn--ghost,
body.dash-page--trazer-leads .uaal-dash-notify__btn--ghost,
body.dash-page--internal-chat .uaal-dash-notify__btn--ghost,
body.dash-page--playground .uaal-dash-notify__btn--ghost,
body.dash-page--inventory .uaal-dash-notify__btn--ghost,
body.dash-page--parametros .uaal-dash-notify__btn--ghost,
body.dash-page--configuracoes .uaal-dash-notify__btn--ghost,
body.dash-page--fabricante-empresas .uaal-dash-notify__btn--ghost,
body.dash-page .uaal-dash-notify__btn--ghost {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--crm .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--trazer-leads .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--internal-chat .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--playground .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--inventory .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--parametros .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--configuracoes .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page--fabricante-empresas .uaal-dash-notify__btn--ghost:hover:not(:disabled),
body.dash-page .uaal-dash-notify__btn--ghost:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--crm-chat .uaal-dash-notify__btn--ghost,
body.dash-page--crm .uaal-dash-notify__btn--ghost,
body.dash-page--trazer-leads .uaal-dash-notify__btn--ghost,
body.dash-page--internal-chat .uaal-dash-notify__btn--ghost,
body.dash-page--playground .uaal-dash-notify__btn--ghost,
body.dash-page--inventory .uaal-dash-notify__btn--ghost,
body.dash-page--parametros .uaal-dash-notify__btn--ghost,
body.dash-page--configuracoes .uaal-dash-notify__btn--ghost,
body.dash-page--fabricante-empresas .uaal-dash-notify__btn--ghost,
body.dash-page .uaal-dash-notify__btn--ghost {
  border-radius: 10px;
  padding: 10px 24px;
  filter: none;
}
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--sucesso body.dash-page .uaal-dash-notify__icon-wrap {
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
}
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--erro body.dash-page .uaal-dash-notify__icon-wrap {
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--info body.dash-page .uaal-dash-notify__icon-wrap {
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
}
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm-chat .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--crm .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--trazer-leads .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--internal-chat .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--playground .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--inventory .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--parametros .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--configuracoes .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page--fabricante-empresas .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--crm-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--crm .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--trazer-leads .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--internal-chat .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--playground .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--inventory .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--parametros .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--configuracoes .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page--fabricante-empresas .uaal-dash-notify__icon-wrap,
body.dash-page .uaal-dash-notify--aviso body.dash-page .uaal-dash-notify__icon-wrap {
  background: rgba(245, 158, 11, 0.14);
  color: #fbbf24;
}

.contact-section {
  padding: 65px 0 0;
}
.contact-section .info-container {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  position: relative;
  padding: 20px;
  border-radius: 8px;
}
.contact-section .info-container .contact-info {
  display: flex;
}
.contact-section .info-container .contact-info:not(:last-child) {
  margin-bottom: 35px;
}
.contact-section .info-container .contact-info h3 {
  font-size: 1.1em;
  font-weight: 500;
  color: #000;
  margin-bottom: 5px;
  word-break: break-word;
  overflow-wrap: break-word;
}
.contact-section .info-container .contact-info h3 a {
  word-break: break-all;
  overflow-wrap: break-word;
}
.contact-section .info-container .contact-info h3 a:hover {
  color: #e89a1e;
}
.contact-section .info-container .contact-info p {
  color: #383838;
  margin-bottom: 0;
}
.contact-section .info-container .contact-info .media-body {
  flex: 1;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
}
.contact-section .info-container .contact-info .icon {
  color: #e19418;
  margin-right: 10px;
  font-size: 1.6em;
  min-width: 35px;
}
.contact-section .info-container::after {
  content: "";
  position: absolute;
  display: block;
  height: 115%;
  width: 85%;
  border-radius: 0%;
  left: -30px;
  top: -20px;
  z-index: -2;
  border-radius: 8px;
  opacity: 0.8;
  border: 3px solid color-mix(in srgb, #151515, #fff 40%);
  background: #151515;
}
.contact-section .btn-contact {
  display: flex;
}
@media (max-width: 576px) {
  .contact-section .btn-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .contact-section .btn-contact .btn-main {
    margin-left: 0;
    width: 80%;
  }
}

.banner-full {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  margin-top: 130px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full {
    margin-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full {
    margin-top: 100px;
  }
}
@media (max-width: 575px) {
  .banner-full {
    margin-top: 100px;
  }
}
.banner-full .swiper-slide.swiper-slide-active .fadeUp {
  opacity: 0;
  animation: fadeup 1.2s cubic-bezier(0.25, 0.26, 0.25, 0.94) 0.9s 1 normal forwards;
}
.banner-full .swiper-slide.swiper-slide-active .text1 {
  opacity: 0;
  animation: fadeup 1.3s cubic-bezier(0.25, 0.26, 0.25, 0.94) 0.9s 1 normal forwards;
}
.banner-full .swiper-slide.swiper-slide-active .flipIn {
  opacity: 0;
  animation: flipIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
.banner-full .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 250px;
  height: 50px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .controls {
    bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-full .controls {
    width: 80%;
    bottom: 10px;
  }
}
.banner-full .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  top: 50% !important;
  transform: translateY(-50%);
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom {
  display: block;
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.65);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom:not(:last-child) {
  margin-right: 5px;
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom svg {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom--active svg {
  display: block;
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom--active svg circle {
  stroke-dasharray: 56.5563;
  stroke-dashoffset: 56.5563;
  animation: BulletProgress calc(var(--delay) * 1ms) linear forwards;
}
.banner-full .swiper-pagination .swiper-pagination-bullet-custom--active::before {
  background-color: #fff;
}
@keyframes BulletProgress {
  to {
    stroke-dashoffset: 0;
  }
}
.banner-full .swiper-pagination .swiper--pause .swiper-pagination-bullet-custom--active svg circle {
  animation: none;
}
.banner-full .swiper-buttons {
  color: #151515;
  height: 50px;
  width: 50px;
  transition: 0.3s ease;
  display: flex;
  border-radius: 50%;
  margin-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .swiper-buttons {
    display: flex;
    height: 40px;
    width: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .swiper-buttons {
    display: flex;
    height: 45px;
    width: 45px;
  }
}
@media (max-width: 575px) {
  .banner-full .swiper-buttons {
    display: flex;
    height: 45px;
    width: 45px;
  }
}
.banner-full .swiper-buttons.swiper-button-prev, .banner-full .swiper-buttons.swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
}
.banner-full .swiper-buttons.swiper-button-prev {
  left: 15px;
}
.banner-full .swiper-buttons.swiper-button-next {
  right: 15px;
}
.banner-full .swiper-buttons i {
  font-size: 1.5rem;
  color: #e19418;
  transition: 0.3s ease;
}
.banner-full .swiper-buttons svg {
  width: 50px;
  height: 50px;
}
.banner-full .swiper-buttons svg path {
  stroke: #fff;
}
.banner-full .swiper-buttons::before, .banner-full .swiper-buttons::after {
  content: "";
  color: #e89a1e;
  font-size: 25px;
  font-weight: 600;
  display: none;
}
.banner-full .swiper-buttons:hover {
  transform: scale(1.1) translateY(-50%);
}
.banner-full .swiper-buttons:hover i {
  transform: scale(1.05);
}
.banner-full .swiper-buttons:hover::before, .banner-full .swiper-buttons:hover::after {
  color: #e89a1e;
}
.banner-full .banner-main {
  position: relative !important;
  width: 100%;
  height: 650px;
  overflow: hidden;
}
@media (min-width: 1440px) {
  .banner-full .banner-main {
    height: 650px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
  .banner-full .banner-main {
    height: 580px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main {
    height: 940px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main {
    height: 720px;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main {
    height: 540px;
  }
}
.banner-full .banner-main .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: 5px;
}
.banner-full .banner-main .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.banner-full .banner-main .content-area {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
}
.banner-full .banner-main .content-area .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.banner-full .banner-main .content-area .bg .image-bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.5);
  animation: loopScale 8s ease-in 0s infinite alternate forwards;
}
.banner-full .banner-main .content-area .bg .shape {
  position: absolute;
  width: 100%;
  height: 90%;
  left: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.banner-full .banner-main .content-area .bg .shape img {
  width: 115%;
  height: 100%;
  object-position: left bottom;
  margin-left: -30px;
  opacity: 1;
}
.banner-full .banner-main .content-area .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content {
    width: 100%;
    height: 90%;
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main .content-area .content {
    width: 100%;
    height: 100%;
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main .content-area .content {
    width: 100%;
    height: 95%;
    padding: 10px;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main .content-area .content {
    width: 100%;
    height: 90%;
    padding: 10px;
  }
}
.banner-full .banner-main .content-area .content .text {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 20px;
  text-align: left;
  margin: 5px 0;
  width: 35vw;
  margin-left: 5vw;
}
.banner-full .banner-main .content-area .content .text.margin-none {
  margin-left: 0 !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content .text {
    width: 40vw;
    margin-left: 2vw;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main .content-area .content .text {
    width: 80vw;
    top: -240px;
    margin-left: 8vw;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main .content-area .content .text {
    width: 80vw;
    top: -190px;
    margin-left: 8vw;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main .content-area .content .text {
    width: 98vw;
    top: -120px;
    margin-left: 2vw;
  }
}
.banner-full .banner-main .content-area .content .text h1,
.banner-full .banner-main .content-area .content .text h2,
.banner-full .banner-main .content-area .content .text span {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  color: #fff;
  font-size: 3rem;
  text-shadow: 2px 2px 50px rgba(0, 0, 0, 0.1);
  line-height: 3.2rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content .text h1,
  .banner-full .banner-main .content-area .content .text h2,
  .banner-full .banner-main .content-area .content .text span {
    font-size: 2rem;
    line-height: 2.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main .content-area .content .text h1,
  .banner-full .banner-main .content-area .content .text h2,
  .banner-full .banner-main .content-area .content .text span {
    font-size: 2.4rem;
    line-height: 2.5rem;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main .content-area .content .text h1,
  .banner-full .banner-main .content-area .content .text h2,
  .banner-full .banner-main .content-area .content .text span {
    font-size: 1.8rem;
    line-height: 2rem;
    margin-bottom: 10px;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main .content-area .content .text h1,
  .banner-full .banner-main .content-area .content .text h2,
  .banner-full .banner-main .content-area .content .text span {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-bottom: 10px;
  }
}
.banner-full .banner-main .content-area .content .text h1 b,
.banner-full .banner-main .content-area .content .text h2 b,
.banner-full .banner-main .content-area .content .text span b {
  font-weight: 700;
  color: #e89a1e;
}
.banner-full .banner-main .content-area .content .text h1 b.coloe2,
.banner-full .banner-main .content-area .content .text h2 b.coloe2,
.banner-full .banner-main .content-area .content .text span b.coloe2 {
  color: #151515;
}
.banner-full .banner-main .content-area .content .text p {
  font-size: 1rem;
  font-weight: 1rem;
  font-weight: 300;
  color: #fff;
  margin: 15px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content .text p {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main .content-area .content .text p {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main .content-area .content .text p {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main .content-area .content .text p {
    font-size: 0.8rem;
    line-height: 1.1rem;
    margin-top: 5px;
  }
}
.banner-full .banner-main .content-area .content .text .text2 {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content .text .text2 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-full .banner-main .content-area .content .text .text2 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 10px;
  }
}
.banner-full .banner-main .content-area .content .text .btn-one {
  padding: 10px 30px;
  background: #dddddd;
  color: #fff;
}
.banner-full .banner-main .content-area .content .text .btn-one span {
  font-size: 1rem;
  line-height: normal;
  padding: 2px;
  margin: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .banner-full .banner-main .content-area .content .text .btn-one {
    padding: 10px 30px;
    font-size: 14px;
  }
}
.banner-full .banner-main .content-area .content .text .btn-one::before, .banner-full .banner-main .content-area .content .text .btn-one::after {
  background-color: #e19418;
}
.banner-full .banner-main .content-area .content .text .btn-one i {
  width: 25px;
  height: 25px;
}
.banner-full .banner-main .content-area .content .image-banner {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  border: 4px solid rgba(249, 249, 249, 0.6);
  box-shadow: 8px 8px 45px -5px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-main .content-area .content .image-banner {
    width: 100%;
    height: 360px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-main .content-area .content .image-banner {
    width: 100%;
    height: 330px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-main .content-area .content .image-banner {
    width: 95%;
    height: 260px;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-main .content-area .content .image-banner {
    margin: 30px 10px;
    width: 90%;
    height: 240px;
  }
}
.banner-full .banner-main .content-area .content .image-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #fff;
}
.banner-full .banner-main .content-area .content .image-banner img.obj-contain {
  object-fit: contain;
}
.banner-full .banner-thumb {
  position: absolute;
  bottom: 5%;
  left: 50%;
  width: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner-full .banner-thumb {
    display: none;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-thumb {
    display: none;
  }
}
.banner-full .banner-thumb .swiper-wrapper {
  display: flex;
  justify-content: center;
}
.banner-full .banner-thumb .img-thumb {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  transition: 0.5s ease;
  box-shadow: 0 3px 20px -5px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-full .banner-thumb .img-thumb {
    width: 50px !important;
    height: 50px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-full .banner-thumb .img-thumb {
    width: 50px !important;
    height: 50px !important;
  }
}
@media (max-width: 575px) {
  .banner-full .banner-thumb .img-thumb {
    width: 50px !important;
    height: 50px !important;
  }
}
.banner-full .banner-thumb .img-thumb.swiper-slide-thumb-active {
  transform: scale(1.4);
  opacity: 1;
  border: 2px solid #e19418;
  box-shadow: 0 3px 25px -5px rgba(0, 0, 0, 0.6);
}
.banner-full .banner-thumb .img-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-about {
  overflow: hidden;
  position: relative;
}
.section-about.bg-dark1 .text-content .desc p, .section-about.bg-dark2 .text-content .desc p {
  color: #fff !important;
}
.section-about.bg-dark1 .about-thumbnail .thumbnail::before, .section-about.bg-dark2 .about-thumbnail .thumbnail::before {
  border: 2px solid #dddddd;
}
.section-about.bg-dark1 .about-thumbnail .thumbnail::after, .section-about.bg-dark2 .about-thumbnail .thumbnail::after {
  background: #dddddd;
}
.section-about .about-content {
  padding: 0 10px;
}
.section-about .about-content p {
  text-align: justify;
  font-weight: 400;
  font-size: 14px;
  line-height: 27px;
  color: #000;
  margin: 5px 0;
}
.section-about .about-content .text-content .desc {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-about .about-content .text-content .desc {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .section-about .about-content .text-content .desc {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .section-about .about-content .text-content .desc {
    width: 100%;
  }
}
.section-about .about-content .text-content .desc p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #000;
  margin: 8px 0;
}
.section-about .about-content .text-content .box-text-destaque p {
  font-size: 26px;
  line-height: 30px;
  font-weight: 500;
  text-align: left;
  color: #000;
  margin: 0;
}
.section-about .about-content .text-content .box-text-destaque p b {
  color: #e89a1e;
  font-weight: 600;
}
.section-about .about-img {
  padding-left: 20px;
  top: 0px;
  position: relative;
  width: 100%;
  float: right;
  height: fit-content;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-about .about-img {
    height: auto;
    padding-left: 0px;
  }
}
.section-about .about-img .box-image1,
.section-about .about-img .box-image2 {
  width: 100%;
  height: 100%;
  max-height: 450px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-about .about-img .box-image1,
  .section-about .about-img .box-image2 {
    height: 100%;
  }
}
@media (max-width: 575px) {
  .section-about .about-img .box-image1,
  .section-about .about-img .box-image2 {
    height: 400px;
  }
}
.section-about .about-img .box-image2 {
  height: 290px;
  margin-bottom: 10px;
}
.section-about .about-img .box-image2:nth-child(2) {
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-about .about-img .box-image2 {
    height: 290px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-about .about-img .box-image2 {
    display: none;
  }
}
.section-about .about-img .box-image1 {
  margin-top: 0px;
}
.section-about .about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1px;
  box-shadow: -3px -3px 25px -5px rgba(0, 0, 0, 0.2);
}
.section-about .about-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1px;
  box-shadow: -3px -3px 25px -5px rgba(0, 0, 0, 0.2);
}
.section-about .about-img .experience-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #e19418;
  border-radius: 1px;
  padding: 20px 15px;
  margin-bottom: 10px;
  gap: 15px;
}
.section-about .about-img .experience-box .year-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  width: 90px;
  height: 90px;
  border-radius: 1px;
  text-align: center;
  background: #151515;
}
.section-about .about-img .experience-box .year-box .ano .number {
  display: flex;
  gap: 1px;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
  padding: 0 5px;
  color: white;
  overflow: hidden;
  justify-content: center;
  margin-bottom: 5px;
  transition: all 0.6s ease-in-out;
}
.section-about .about-img .experience-box .year-box .ano .plus {
  font-size: 30px;
  color: white;
  font-weight: 500;
}
.section-about .about-img .experience-box .year-box .ano .digit-wrapper {
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.6em;
}
.section-about .about-img .experience-box .year-box .ano .digit-roller {
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 1s ease-out;
}
.section-about .about-img .experience-box .year-box .ano .digit-roller div {
  height: 1em;
}
.section-about .about-img .experience-box .year-box .ano span {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #fff;
}
.section-about .about-img .experience-box .desc {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-about .about-img .experience-box .desc {
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-about .about-img .experience-box .desc {
    font-size: 20px;
    line-height: 20px;
  }
}

.box-cards-mission {
  margin-top: 90px;
}
.box-cards-mission .card-mission {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  height: 100%;
  background-color: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0px 4px 25px -5px rgba(23, 37, 57, 0.2);
  transition: 0.3s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .box-cards-mission .card-mission {
    height: auto;
    margin: 40px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .box-cards-mission .card-mission {
    height: auto;
    margin: 40px 0;
  }
}
@media (max-width: 575px) {
  .box-cards-mission .card-mission {
    height: auto;
    margin: 40px 0;
  }
}
.box-cards-mission .card-mission:hover {
  transform: scale(1.02);
}
.box-cards-mission .card-mission::after {
  position: absolute;
  left: 50%;
  top: 4px;
  transform: translate(-50%, -50%);
  content: "";
  height: 115px;
  width: 115px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}
.box-cards-mission .card-mission .icon {
  height: 88px;
  width: 88px;
  border-radius: 50px;
  background: #151515;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.2s ease-in-out;
}
.box-cards-mission .card-mission .icon i {
  font-size: 40px;
  color: #fff;
}
.box-cards-mission .card-mission .content {
  text-align: center;
  margin-top: 40px;
  padding: 45px 15px;
}
.box-cards-mission .card-mission .content .title {
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 700;
  color: #1a1a1a;
}
.box-cards-mission .card-mission .content .desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  color: #1a1a1a;
}

.section-product .prodSwiper .box-controls {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
  z-index: 1;
}
.section-product .prodSwiper .box-controls .swiper-pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 170px;
  height: 3px;
  background: #9a9a9a;
  z-index: 1;
}
.section-product .prodSwiper .box-controls .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #e89a1e;
}
.section-product .prodSwiper .box-controls .navs {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}
.section-product .prodSwiper .box-controls .navs .swiper-buttons {
  position: absolute;
  width: 45px;
  height: 45px;
  background: none;
  margin: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  transition: 0.3s ease;
  box-shadow: none;
}
.section-product .prodSwiper .box-controls .navs .swiper-buttons::after {
  display: none;
}
.section-product .prodSwiper .box-controls .navs .swiper-buttons svg {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}
.section-product .prodSwiper .box-controls .navs .swiper-buttons svg path {
  stroke: #e89a1e;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  position: absolute;
  top: 55%;
  height: 55px;
  width: 55px;
  cursor: pointer;
  font-size: 1.25rem;
  text-align: center;
  line-height: 55px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 3;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
  font-size: 20px;
  color: #a81818;
  font-weight: 600;
}

.section-feedbacks {
  background-image: url(../img/banners/bg-feedbacks.webp);
  background-position: center;
  background-size: 1500px;
  background-repeat: repeat-x;
  background-color: #f6f6f6;
}
.section-feedbacks .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #e89a1e;
  padding: 50px 30px;
  border-radius: 30px;
  margin-bottom: 70px;
  min-height: 450px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-feedbacks .content {
    margin-bottom: 20px;
  }
}
.section-feedbacks .content .title span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  font-size: 24px;
  font-weight: 600;
  padding: 8px 10px;
  color: #fff;
  background: rgba(225, 148, 24, 0.2);
  border-radius: 100px;
  margin-bottom: 15px;
}
.section-feedbacks .content .title span i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 20px;
  background: #e89a1e;
  color: #fff;
  font-size: 18px;
  margin-right: 10px;
  border-radius: 50%;
}
.section-feedbacks .content .title span i::before {
  margin-top: 3px;
}
.section-feedbacks .content .title h2,
.section-feedbacks .content .title h3 {
  font-size: 2.6rem;
  line-height: 2.8rem;
  margin-bottom: 15px;
  color: #fff;
}
.section-feedbacks .content .title h2 b,
.section-feedbacks .content .title h3 b {
  color: #151515;
}
.section-feedbacks .content .text {
  margin-bottom: 40px;
}
.section-feedbacks .content .text p {
  color: #fff;
  font-size: 16px;
}
.section-feedbacks .content .btn-testi {
  width: fit-content;
  padding: 10px 25px;
  background: #fff;
  color: #e89a1e;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s ease;
  border-radius: 5px;
}
.section-feedbacks .content .btn-testi:hover {
  background: #e19418;
  color: #fff;
}
.section-feedbacks .feedbackSwiper {
  padding: 10px;
}
.section-feedbacks .feedbackSwiper .controls {
  position: relative;
  bottom: 20px;
  width: 150px;
  margin: 0 auto;
  margin-top: 20px;
  height: 60px;
}
.section-feedbacks .feedbackSwiper .controls .swiper-button-prev,
.section-feedbacks .feedbackSwiper .controls .swiper-button-next {
  top: auto;
  bottom: 5px;
  transform: none;
}

.section-galeria {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  position: relative;
  overflow: hidden;
}
.section-galeria .container-fluid {
  position: relative;
  z-index: 2;
}
.section-galeria .gallery-card {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  cursor: pointer;
  height: 280px;
}
.section-galeria .gallery-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.section-galeria .gallery-card:hover .gallery-image {
  transform: scale(1.1);
}
.section-galeria .gallery-card:hover .gallery-overlay {
  opacity: 1;
  visibility: visible;
}
.section-galeria .gallery-card:hover .gallery-expand {
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
.section-galeria .gallery-card .gallery-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 15px;
}
.section-galeria .gallery-card .gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 15px;
}
.section-galeria .gallery-card .gallery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 21, 21, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 15px;
  backdrop-filter: blur(5px);
}
.section-galeria .gallery-card .gallery-content {
  text-align: center;
  color: #ffffff;
  padding: 20px;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gallery-card:hover .section-galeria .gallery-card .gallery-content {
  transform: translateY(0);
}
.section-galeria .gallery-card .gallery-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.section-galeria .gallery-card .gallery-expand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  backdrop-filter: blur(10px);
  transform: scale(0.8) rotate(-180deg);
  opacity: 0;
}
.section-galeria .gallery-card .gallery-expand:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.5);
  transform: scale(1.1) rotate(0deg);
  color: #ffffff;
  text-decoration: none;
}
.section-galeria .gallery-card .gallery-expand i {
  transition: transform 0.3s ease;
}
.section-galeria .gallery-card .gallery-expand:hover i {
  transform: scale(1.2);
}

.section-diferenciais {
  position: relative;
  background: #151515;
  z-index: 1;
  overflow: hidden;
}
.section-diferenciais .sec-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #151515;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.1;
  z-index: -1;
}
.section-diferenciais .box-title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-diferenciais .box-title {
    margin-bottom: 0px;
  }
  .section-diferenciais .box-title .title-area2 {
    margin-bottom: 10px;
  }
}
.section-diferenciais .box-title .title {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-diferenciais .box-title .title {
    margin-bottom: 0;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
}
.section-diferenciais .desc-box {
  padding: 12px 50px 30px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .section-diferenciais .desc-box {
    padding: 0;
    padding-bottom: 20px;
  }
}
.section-diferenciais .desc-box.text-white h2,
.section-diferenciais .desc-box.text-white h3,
.section-diferenciais .desc-box.text-white h4,
.section-diferenciais .desc-box.text-white span {
  color: #fff;
}
.section-diferenciais .desc-box.text-white p {
  color: #c7c7c7;
}
.section-diferenciais .desc-box p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400 !important;
  color: #c7c7c7;
  margin: 0;
}
.section-diferenciais .card-diferencial {
  position: relative;
  z-index: 1;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 25px 29px 24px;
  margin: 10px 0;
  width: 100%;
  height: 100%;
  min-height: 150px;
  overflow: hidden;
  transition-duration: 700ms;
}
.section-diferenciais .card-diferencial::after {
  opacity: 0;
  visibility: hidden;
  content: "";
  z-index: -1;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 150%;
  height: 150%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  background-color: #fff;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.section-diferenciais .card-diferencial .card-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(232, 154, 30, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(1px);
  z-index: -1;
}
.section-diferenciais .card-diferencial .icon {
  font-size: 64px;
  color: #e89a1e;
  line-height: 64px;
  margin-bottom: 7px;
}
.section-diferenciais .card-diferencial .icon i {
  display: inline-block;
  width: 64px;
  height: 64px;
  font-size: 55px;
  color: #151515;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-diferenciais .card-diferencial .icon i {
    width: 50px;
    height: 50px;
    font-size: 40px;
  }
}
.section-diferenciais .card-diferencial .title {
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  transition-duration: 500ms;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-diferenciais .card-diferencial .title {
    font-size: 18px;
    line-height: 20px;
  }
}
.section-diferenciais .card-diferencial:hover {
  transform: translateY(-10px);
  border-color: #fff;
}
.section-diferenciais .card-diferencial:hover .title {
  color: #2D2330;
}
.section-diferenciais .card-diferencial:hover::after {
  bottom: -50%;
  visibility: visible;
  opacity: 1;
}
.section-diferenciais .card-diferencial:hover .icon i {
  color: #e89a1e;
  -webkit-animation-name: wobble-horizontal-on-hover;
  animation-name: wobble-horizontal-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    transform: translateX(5px);
  }
  33.3% {
    transform: translateX(-3px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}

.int-page-2 {
  background: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);
  color: #0b0d1e;
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
.int-page-2 .prodintSwiper {
  height: 400px;
}
.int-page-2 .swiper-button-prev,
.int-page-2 .swiper-button-next {
  position: absolute;
  top: 55%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  text-align: center;
  line-height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
  transform: translateY(-50%);
  transition: transform 0.1s linear;
  z-index: 3;
}
.int-page-2 .swiper-button-prev::after,
.int-page-2 .swiper-button-next::after {
  font-size: 20px;
  color: #000018;
  font-weight: 600;
}
.int-page-2 .title-area2 {
  margin-bottom: 40px;
}
.int-page-2 .title-area2 .subtitle {
  color: #e89a1e;
  letter-spacing: 0.3em;
  margin-bottom: 20px;
}
.int-page-2 .title-area2 .title {
  font-size: clamp(2.2rem, 3vw, 3rem);
  text-transform: uppercase;
  font-weight: 700;
}
.int-page-2 .title-area2 p {
  max-width: 640px;
  color: #1f253b;
  line-height: 1.7;
}
.int-page-2 h2,
.int-page-2 h3 {
  font-size: clamp(2rem, 3vw, 2.6rem);
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
  color: #0b0d1e;
  background-image: linear-gradient(130deg, #e89a1e 0%, #e19418 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.int-page-2 p {
  font-size: 1rem;
  line-height: 1.8;
  color: #1f253b;
  margin-bottom: 1rem;
}
.int-page-2 .img-text {
  position: relative;
  background-image: url(../img/gallery/about.webp);
}
.int-page-2 .img-text::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(to right, #454545, rgba(255, 255, 255, 0));
  z-index: 0;
}
.int-page-2 .img-text .content-padding {
  padding: 32px;
  z-index: 1;
}
.int-page-2 .img-text .content-padding h2,
.int-page-2 .img-text .content-padding p {
  color: #FFF;
}
.int-page-2 .img-fluid {
  border-radius: 18px;
  box-shadow: 0 25px 45px rgba(15, 23, 42, 0.08);
}
.int-page-2 .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  background: #fff;
}
.int-page-2 .swiper-slide:hover {
  transform: translateY(-6px);
  box-shadow: 0 40px 70px rgba(15, 23, 42, 0.18);
}
.int-page-2 .buttons {
  margin-top: 30px;
}
.int-page-2 .buttons .btn-main {
  width: 100%;
  text-align: center;
  margin-left: 0;
  background: linear-gradient(135deg, #e19418 10%, #e89a1e 90%);
  color: #fff;
  border-radius: 999px;
  padding: 0.95rem 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  box-shadow: 0 15px 30px rgba(15, 23, 42, 0.25);
  transition: transform 0.3s ease;
}
.int-page-2 .buttons .btn-main:hover {
  transform: translateY(-2px);
}
.int-page-2 .buttons .btn-main.whats-form {
  background: #22ba59;
  box-shadow: 0 15px 30px rgba(34, 186, 89, 0.35);
}
.int-page-2 .moreText {
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem;
  margin-top: 40px;
  box-shadow: 0 25px 60px rgba(15, 23, 42, 0.12);
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.int-page-2 .home-form {
  background: #fff;
  border-radius: 24px;
  padding: 1.5rem;
  margin-top: 40px;
  box-shadow: 0 25px 50px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.05);
}
.int-page-2 .home-form .title-area2 {
  margin-bottom: 25px;
}
.int-page-2 .home-form .title-area2 .subtitle {
  color: #e89a1e;
}
.int-page-2 .home-form .title-area2 .title {
  color: #0b0d1e;
  background-clip: unset;
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.int-page-2 .home-form .contact-card {
  border-radius: 20px;
  padding: 3rem;
  background: #fff;
}
.int-page-2 .padding-left-10 {
  padding-left: 10%;
}
.int-page-2 .accordion {
  background: transparent;
}
.int-page-2 .accordion .accordion-item {
  background: #f5f5fb;
  border-radius: 18px;
  margin-bottom: 1rem;
}
.int-page-2 .accordion .accordion-item button {
  background: transparent;
  border: none;
  width: 100%;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #0b0d1e;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: color 0.3s ease;
}
.int-page-2 .accordion .accordion-item .accordion-content {
  padding: 0rem 1.5rem;
  background: rgba(255, 255, 255, 0.8);
  color: #1f253b;
  border-radius: 0 0 18px 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .int-page-2 {
    padding-bottom: 60px;
  }
  .int-page-2 .home-form {
    padding: 2rem;
  }
  .int-page-2 .moreText {
    padding: 2rem;
  }
  .int-page-2 .buttons .btn-main {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .int-page-2 .buttons .btn-main {
    width: 100%;
  }
  .int-page-2 .accordion .accordion-item button {
    padding: 1rem;
  }
}

body.unified-login-page {
  --fundo-corpo: #020b16;
  --fundo-formulario: #071423;
  --texto-principal: #fff;
  --texto-secundario: #dce8f5;
  --texto-terciario: #8ea3b8;
  --cor-borda: rgba(255, 255, 255, 0.1);
  --cor-icone: #7f93a8;
  --cor-link: #8ea3b8;
  background: radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 35%), #020b16;
  font-family: "Inter", "Poppins", sans-serif;
  color: #fff;
}
body.unified-login-page.dark-mode {
  --fundo-corpo: #020b16;
  --fundo-formulario: #071423;
  --texto-principal: #fff;
  --texto-secundario: #dce8f5;
  --texto-terciario: #8ea3b8;
  --cor-borda: rgba(255, 255, 255, 0.1);
  --cor-icone: #7f93a8;
  --cor-link: #8ea3b8;
  background: radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 35%), #020b16;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  min-height: 100vh;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
  min-height: 100vh;
  background: var(--fundo-corpo);
  transition: background 0.3s ease, color 0.3s ease;
  position: relative;
}
body.unified-login-page {
  font-family: "Inter", "Poppins", sans-serif;
  background: radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 35%), #020b16;
}

.page-codigo-empresa,
.page-login {
  position: relative;
  top: auto;
  left: auto;
  width: 100%;
  min-height: 100vh;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  z-index: 1;
}
.page-codigo-empresa.active,
.page-login.active {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

.page-login[style*="display: none"] {
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 1 !important;
}

.page-login:not([style*="display: none"]) {
  display: block !important;
}
.page-login:not([style*="display: none"]).active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

.waves-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: var(--fundo-corpo);
}
body.unified-login-page .waves-background {
  background: radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 35%), #020b16;
}

.page-codigo-empresa .wave-inverted {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  transform: scaleX(-1);
  opacity: 0;
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  pointer-events: none;
}
.page-codigo-empresa .wave-inverted.obj-contain {
  object-fit: contain;
}
.page-codigo-empresa.active .wave-inverted, .page-codigo-empresa.wave-visible .wave-inverted {
  opacity: 1;
}

.page-codigo-empresa .wave {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  pointer-events: none;
}
.page-codigo-empresa .wave.obj-contain {
  object-fit: contain;
}
.page-codigo-empresa.active .wave {
  opacity: 1;
  transform: translateY(0);
}
.page-codigo-empresa.wave-visible .wave {
  opacity: 1;
  transform: translateY(0);
}

@keyframes wave-animation {
  0%, 100% {
    transform: rotate(0deg) translate(0, 0);
    border-radius: 45% 55% 40% 60%/60% 40% 60% 40%;
  }
  25% {
    transform: rotate(5deg) translate(2%, 2%);
    border-radius: 50% 50% 45% 55%/55% 45% 55% 45%;
  }
  50% {
    transform: rotate(-5deg) translate(-2%, 2%);
    border-radius: 40% 60% 50% 50%/50% 50% 60% 40%;
  }
  75% {
    transform: rotate(3deg) translate(1%, -1%);
    border-radius: 55% 45% 50% 50%/45% 55% 50% 50%;
  }
}
.wave {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.wave.obj-contain {
  object-fit: contain;
}

.page-login .wave {
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  pointer-events: none;
}
.page-login.active .wave {
  opacity: 1;
  transform: translateY(0);
}

.obj-contain {
  object-fit: contain;
}

.container {
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 7rem;
  padding: 20px 2rem;
  align-items: center;
  position: relative;
  z-index: 50;
}
@media screen and (max-width: 1050px) {
  .container {
    grid-gap: 5rem;
  }
}
@media screen and (max-width: 900px) {
  .container {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.container-codigo {
  width: 100%;
  min-height: 100vh;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 2rem;
  position: relative;
  z-index: 50;
}

.img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 50;
}
@media screen and (max-width: 900px) {
  .img {
    display: none;
  }
}
.img img {
  width: 500px;
}
@media screen and (max-width: 1000px) {
  .img img {
    width: 400px;
  }
}
.img img.obj-contain {
  object-fit: contain;
}

.dark-mode-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  background: rgba(var(--fundo-formulario), 0.9);
  color: var(--texto-principal);
  font-size: 20px;
  cursor: pointer;
  z-index: 1000;
  box-shadow: 0 4px 15px rgba(21, 21, 21, 0.2);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-mode-toggle:hover {
  background: var(--fundo-formulario);
  transform: scale(1.1);
}
body.unified-login-page .dark-mode-toggle {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(7, 20, 35, 0.92);
  color: #22ffd1;
  box-shadow: 0 0 24px rgba(0, 255, 200, 0.06);
}
body.unified-login-page .dark-mode-toggle:hover {
  border-color: rgba(34, 255, 209, 0.25);
  background: rgba(12, 28, 45, 0.98);
}

.login-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: var(--fundo-formulario);
  padding: 50px 80px;
  border-radius: 15px;
  box-shadow: 0 8px 30px rgba(21, 21, 21, 0.15);
  width: fit-content;
  max-width: 950px;
  height: fit-content;
  align-self: center;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  z-index: 100;
  position: relative;
}
body.unified-login-page .login-content {
  border: 1px solid rgba(34, 255, 209, 0.08);
  border-radius: 16px;
  background: linear-gradient(145deg, #0a1a2e, #050e18);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 900px) {
  .login-content {
    justify-content: center;
    padding: 32px 24px;
    max-width: 520px;
    width: 100%;
  }
}
.login-content img {
  height: 100px;
}
.login-content img.obj-contain {
  object-fit: contain;
}
.login-content h2.title {
  margin: 15px 0;
  color: var(--texto-principal);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
@media screen and (max-width: 1000px) {
  .login-content h2.title {
    font-size: 1.5rem;
    margin: 12px 0;
  }
}
.login-content p {
  margin: 0 0 20px 0;
  color: var(--texto-secundario);
  font-size: 0.9rem;
  transition: color 0.3s ease;
}
.login-content p.text-danger {
  color: #dc3545;
  font-size: 0.85rem;
  margin-bottom: 15px;
}
body.unified-login-page .login-content p.text-danger {
  color: #ff5c7c;
}

.page-codigo-empresa .login-content {
  max-width: 800px;
  padding: 45px 90px;
}
@media screen and (max-width: 1000px) {
  .page-codigo-empresa .login-content {
    max-width: 750px;
    padding: 40px 70px;
  }
}

.page-login .login-content {
  max-width: 1400px;
  padding: 60px 120px;
}
@media screen and (max-width: 1000px) {
  .page-login .login-content {
    max-width: 1300px;
    padding: 60px 100px;
  }
}

.login-content form {
  width: 100%;
  max-width: 850px;
}
@media screen and (max-width: 1000px) {
  .login-content form {
    max-width: 750px;
  }
}
@media screen and (max-width: 900px) {
  .login-content form {
    max-width: 100%;
  }
}
.login-content .input-div {
  position: relative;
  display: grid;
  grid-template-columns: 7% 93%;
  margin: 25px 0;
  padding: 5px 0;
  border-bottom: 2px solid var(--cor-borda);
  transition: border-color 0.3s ease;
}
.login-content .input-div.one {
  margin-top: 35px;
}
.login-content .input-div.pass {
  margin-bottom: 4px;
}
.login-content .input-div .i {
  color: var(--cor-icone);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.3s ease;
}
.login-content .input-div .i i {
  transition: 0.3s;
  font-size: 18px;
}
.login-content .input-div > div {
  position: relative;
  height: 52px;
}
@media screen and (max-width: 900px) {
  .login-content .input-div > div {
    height: 60px;
  }
}
.login-content .input-div > div h5 {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--texto-terciario);
  font-size: 16px;
}
@media screen and (max-width: 900px) {
  .login-content .input-div > div h5 {
    font-size: 18px;
  }
}
.login-content .input-div > div h5 {
  transition: 0.3s;
}
.login-content .input-div > div input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  background: none;
  padding: 0.6rem 0.8rem;
  font-size: 1.15rem;
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  transition: color 0.3s ease;
}
@media screen and (max-width: 900px) {
  .login-content .input-div > div input {
    font-size: 1.2rem;
  }
}
.login-content .input-div > div input[name=password] {
  padding-right: 2.5rem;
}
.login-content .input-div > div .input-password-toggle--login {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--cor-icone);
  cursor: pointer;
  z-index: 2;
  transition: color 0.2s ease, background 0.2s ease;
}
.login-content .input-div > div .input-password-toggle--login:hover {
  color: #22ffd1;
  background: rgba(34, 255, 209, 0.08);
}
.login-content .input-div > div .input-password-toggle--login:focus-visible {
  outline: 2px solid rgba(34, 255, 209, 0.45);
  outline-offset: 1px;
}
.login-content .input-div > div .input-password-toggle--login i {
  font-size: 16px;
  pointer-events: none;
}
.login-content .input-div::before, .login-content .input-div::after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background-color: #38d39f;
  transition: 0.4s;
}
body.unified-login-page .login-content .input-div::before, body.unified-login-page .login-content .input-div::after {
  background-color: #22ffd1;
}
.login-content .input-div::before {
  right: 50%;
}
.login-content .input-div::after {
  left: 50%;
}
.login-content .input-div.focus::before, .login-content .input-div.focus::after {
  width: 50%;
}
.login-content .input-div.focus > div > h5 {
  top: -5px;
  font-size: 12px;
}
.login-content .input-div.focus > .i > i {
  color: #38d39f;
}
body.unified-login-page .login-content .input-div.focus > .i > i {
  color: #22ffd1;
}
.login-content a {
  display: block;
  text-align: right;
  text-decoration: none;
  color: var(--cor-link);
  font-size: 0.8rem;
  transition: 0.3s;
}
.login-content a:hover {
  color: #38d39f;
}
body.unified-login-page .login-content a:hover {
  color: #22ffd1;
}
.login-content .btn {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 24px;
  outline: none;
  border: none;
  background-image: linear-gradient(to right, #32be8f, #38d39f, #32be8f);
  background-size: 200%;
  font-size: 1.15rem;
  color: #fff;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  margin: 1.2rem 0;
  cursor: pointer;
  transition: 0.5s;
}
body.unified-login-page .login-content .btn {
  background-image: linear-gradient(to right, #14b896, #22ffd1, #38d39f);
  color: #020b16;
  font-weight: 600;
}
.login-content .btn:hover {
  background-position: right;
}
@media screen and (max-width: 900px) {
  .login-content .btn {
    height: 52px;
    font-size: 1.1rem;
  }
}
.login-content .login-legal-links {
  margin: 0.25rem 0 0;
  text-align: center;
  font-size: 0.72rem;
  line-height: 1.5;
  color: #8ea3b8;
}
.login-content .login-legal-links a {
  color: #7f93a8;
  text-decoration: none;
}
.login-content .login-legal-links a:hover {
  color: #22ffd1;
  text-decoration: underline;
}
.login-content .login-legal-links span {
  margin: 0 6px;
  opacity: 0.5;
}
.login-content .login-portal-switch {
  margin: 1rem 0 0;
  text-align: center;
  font-size: 0.8rem;
}
.login-content .login-portal-switch a {
  color: #7f93a8;
  text-decoration: none;
}
.login-content .login-portal-switch a:hover {
  color: #22ffd1;
  text-decoration: underline;
}
.login-content .login-prospeccao-sub {
  margin: -0.35rem 0 1.25rem;
  text-align: center;
  font-size: 0.85rem;
  color: #8ea3b8;
  line-height: 1.45;
}

body.unified-login-page--prospeccao .page-codigo-empresa .title,
body.unified-login-page--prospeccao .page-login .title {
  color: #f59e0b;
}
body.unified-login-page--prospeccao .btn {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--fundo-corpo);
  transition: background 0.3s ease, color 0.3s ease;
  height: auto;
  min-height: 100vh;
}

.waves-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: var(--fundo-corpo);
}

.wave {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  opacity: 1;
  object-position: left center;
}
.wave.obj-contain {
  object-fit: contain;
}
@media screen and (max-width: 900px) {
  .wave {
    object-position: left bottom;
    top: auto;
    bottom: 0;
  }
}

.dark-mode-toggle {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--fundo-formulario);
  color: #38d39f;
  font-size: 20px;
  cursor: pointer;
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.08);
  position: relative;
}
.dark-mode-toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.dark-mode-toggle i {
  font-size: 20px;
  z-index: 1;
}
.dark-mode-toggle .dash-nav-label {
  position: fixed;
  left: 96px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  padding: 12px 18px;
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  font-size: 0.875rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 0 12px 12px 0;
  box-shadow: none;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
  pointer-events: none;
  backdrop-filter: blur(10px);
}
.dark-mode-toggle:hover {
  box-shadow: 0 4px 16px rgba(56, 211, 159, 0.25);
}
.dark-mode-toggle:hover::after {
  opacity: 1;
}
.dark-mode-toggle:hover .dash-nav-label {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

.dark-mode-toggle {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: var(--fundo-formulario);
  color: #38d39f;
  font-size: 20px;
  cursor: pointer;
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.08);
  position: relative;
}
.dark-mode-toggle::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.dark-mode-toggle i {
  font-size: 20px;
  z-index: 1;
}
.dark-mode-toggle .dash-nav-label {
  position: fixed;
  left: 96px;
  top: 50%;
  transform: translateY(-50%) translateX(0);
  padding: 12px 18px;
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  font-size: 0.875rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 0 12px 12px 0;
  box-shadow: none;
  border: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 100;
  pointer-events: none;
  backdrop-filter: blur(10px);
}
.dark-mode-toggle:hover {
  box-shadow: 0 4px 16px rgba(56, 211, 159, 0.25);
}
.dark-mode-toggle:hover::after {
  opacity: 1;
}
.dark-mode-toggle:hover .dash-nav-label {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(0);
}

body > .dark-mode-toggle {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 56px;
  padding: 0 20px;
  background: #07111d;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: grid;
  grid-template-columns: auto 0 auto;
  align-items: center;
  gap: 12px;
  z-index: 100;
  box-sizing: border-box;
}
.header .header-left {
  flex-shrink: 0;
  min-width: 0;
}
.header .header-left .header-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}
.header .header-left .header-logos-row {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.header .header-left .header-logos-sep {
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.35);
  font-family: "Outfit", sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1;
  user-select: none;
}
.header .header-left .dash-header-logo--empresa[hidden],
.header .header-left .header-logos-sep[hidden] {
  display: none !important;
}
.header .header-left .logo {
  height: 26px;
  width: auto;
  object-fit: contain;
}
.header .header-left .dash-header-logo-dark {
  display: none;
}
.header .header-center {
  min-width: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.header .header-actions {
  flex-shrink: 0;
  justify-self: end;
}

body.dash-com-lembretes-faixa .header {
  grid-template-columns: auto 1fr auto;
}

body.dark-mode .header .dash-header-logo-light {
  display: none;
}

body.dark-mode .header .dash-header-logo-dark {
  display: block;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.action-btn {
  position: relative;
  width: 34px;
  height: 34px;
  border: none;
  background: transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0;
}
.action-btn i {
  color: #d7dde5;
  font-size: 14px;
}
.action-btn.bordered {
  border: 1px solid rgba(84, 255, 196, 0.35);
  border-radius: 11px;
  background: rgba(84, 255, 196, 0.03);
}
.action-btn.bordered:hover {
  background: rgba(84, 255, 196, 0.08);
}
.action-btn.add {
  background: rgba(84, 255, 196, 0.15);
}
.action-btn.add i {
  color: #54ffc4;
}
.action-btn.add:hover {
  background: rgba(84, 255, 196, 0.22);
}
.action-btn--whatsapp i {
  color: #25d366;
}
.action-btn .badge,
.action-btn .dash-header-msg-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: #ff3b5c;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 16px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 2;
}
.action-btn[hidden],
.action-btn .badge[hidden],
.action-btn .dash-header-msg-badge[hidden] {
  display: none !important;
}

.dash-header-user {
  position: relative;
  margin-left: 6px;
}

.user-profile {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
}
.user-profile.is-open, .user-profile:hover {
  opacity: 0.92;
}
.user-profile .user-profile-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.06);
}
.user-profile .user-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-profile .user-profile-avatar i {
  color: #54ffc4;
  font-size: 14px;
}
.user-profile .user-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.user-profile .user-info strong {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.user-profile .user-info span {
  color: #8f9aa7;
  font-size: 11px;
  line-height: 1.2;
}
.user-profile .user-profile-chevron {
  color: #7f8b96;
  font-size: 10px;
  transition: transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
}
.user-profile.is-open .user-profile-chevron {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .dash-header-user-menu.dash-shell-dropdown, .dash-header-notif-menu {
    transition: none;
    transform: none;
    opacity: 1;
  }
  .dash-header-user-menu.dash-shell-dropdown:not(.is-open), .dash-header-notif-menu:not(.is-open) {
    opacity: 0;
  }
  .user-profile .user-profile-chevron {
    transition: none;
  }
}
.dash-header-notif-wrap {
  position: relative;
}

.sidebar-footer .sidebar-footer-link, .sidebar-menu .sidebar-menu-item a, .dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item a,
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item .sidebar-menu-action {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 5px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: #7f8b96;
  font-size: 11px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  border: 1px solid transparent;
  background: transparent;
  transition: 0.2s ease;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  line-height: 1.2;
}
.sidebar-footer .sidebar-footer-link i, .sidebar-menu .sidebar-menu-item a i, .dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item a i,
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item .sidebar-menu-action i {
  width: 14px;
  font-size: 11px;
  flex-shrink: 0;
  text-align: center;
  color: inherit;
}
.sidebar-footer .sidebar-footer-link:hover, .sidebar-menu .sidebar-menu-item a:hover, .dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item a:hover,
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item .sidebar-menu-action:hover {
  background: rgba(84, 255, 196, 0.08);
  border-color: rgba(84, 255, 196, 0.22);
  color: #54ffc4;
}

.dash-header-user-menu.dash-shell-dropdown, .dash-header-notif-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  padding: 12px 10px;
  border-radius: 12px;
  background: linear-gradient(180deg, #07111d 0%, #0b1624 100%);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  z-index: 120;
  overflow: hidden;
  transform-origin: top right;
  opacity: 0;
  transform: translateY(-5px) scale(0.985);
  pointer-events: none;
  transition: opacity 0.16s cubic-bezier(0.22, 1, 0.36, 1), transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
}
.is-open.dash-header-user-menu.dash-shell-dropdown, .is-open.dash-header-notif-menu {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
[hidden].dash-header-user-menu.dash-shell-dropdown, [hidden].dash-header-notif-menu {
  display: none !important;
}

.dash-shell-dropdown-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin: 0 0 8px;
  padding: 0 6px 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.dash-header-notif-menu-title {
  font-family: "Poppins", sans-serif;
  font-size: 0.7rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding-left: 10px;
  border-left: 3px solid #54ffc4;
  line-height: 1.2;
}

.dash-header-notif-menu {
  width: min(360px, 100vw - 32px);
  max-height: min(420px, 70vh);
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #fff;
}
.dash-header-notif-menu p {
  color: #fff;
  margin-bottom: 2px;
  font-size: inherit;
  line-height: 1.35;
}

.dash-header-notif-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 6px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 4px;
}

.dash-header-notif-marcar-todas {
  border: none;
  background: transparent;
  color: #54ffc4;
  font-size: 0.72rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 0;
  transition: opacity 0.2s ease;
}
.dash-header-notif-marcar-todas:hover {
  opacity: 0.85;
  text-decoration: underline;
}

.dash-header-notif-list {
  overflow-y: auto;
  max-height: min(340px, 60vh);
  padding: 2px 0;
}

.dash-header-notif-vazio {
  margin: 0;
  padding: 16px 12px;
  color: #fff;
  font-size: 0.85rem;
  font-family: "Poppins", sans-serif;
  text-align: center;
  opacity: 0.85;
}

.dash-header-notif-item {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  padding: 9px 11px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  line-height: 1.4;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.dash-header-notif-item:hover {
  background: rgba(84, 255, 196, 0.08);
  border-color: rgba(84, 255, 196, 0.22);
  color: #fff;
}
.dash-header-notif-item--nao-lida {
  background: rgba(84, 255, 196, 0.06);
  border-color: rgba(84, 255, 196, 0.12);
}
.dash-header-notif-item--visita-ia .dash-header-notif-item-titulo::after {
  content: "IA";
  margin-left: 6px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #54ffc4;
  background: rgba(84, 255, 196, 0.12);
  border: 1px solid rgba(84, 255, 196, 0.28);
  vertical-align: middle;
}

.dash-header-notif-item-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.dash-header-notif-item-titulo {
  font-weight: 600;
  font-size: 0.84rem;
  color: #fff;
  line-height: 1.3;
}

.dash-header-notif-item-quando {
  color: #8f9aa7;
  font-size: 0.7rem;
  flex-shrink: 0;
  white-space: nowrap;
}

.dash-header-notif-item-corpo {
  display: block;
  color: #fff;
}

.dash-header-notif-item-linha {
  color: #fff;
  margin: 0 0 2px;
}
.dash-header-notif-item-linha:last-child {
  margin-bottom: 0;
}

.dash-header-user-menu.dash-shell-dropdown {
  min-width: 200px;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav {
  flex: none;
  min-height: 0;
  overflow: visible;
  padding: 0;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item {
  margin-bottom: 2px;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item:last-child {
  margin-bottom: 0;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item a,
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item .sidebar-menu-action {
  appearance: none;
  -webkit-appearance: none;
}
.dash-header-user-menu.dash-shell-dropdown .dash-shell-dropdown-nav .sidebar-menu-item--logout .sidebar-menu-action:hover {
  background: rgba(255, 59, 92, 0.12);
  border-color: rgba(255, 59, 92, 0.35);
  color: #ff8a96;
}

.dash-header-menu-btn {
  display: none;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(84, 255, 196, 0.35);
  border-radius: 11px;
  background: rgba(84, 255, 196, 0.03);
  color: #54ffc4;
  font-size: 14px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: 0.2s ease;
}
.dash-header-menu-btn:hover {
  background: rgba(84, 255, 196, 0.08);
}

.dash-stat-label-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dash-stat-label-row .dash-stat-label {
  margin: 0;
}

.dash-stat-visibility-btn {
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: var(--texto-terciario);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: -1px;
  transition: background 0.2s ease, color 0.2s ease;
}
.dash-stat-visibility-btn:hover {
  background: rgba(56, 211, 159, 0.08);
  color: #38d39f;
}
.dash-stat-visibility-btn i {
  font-size: 0.85rem;
  line-height: 1;
}

.dash-layout {
  display: flex;
  min-height: 100vh;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: visible;
}

.dash-sidebar-wrapper {
  flex-shrink: 0;
  width: 172px;
  position: relative;
}

.dash-mobile-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 23, 0.72);
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}
.dash-mobile-backdrop--visivel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dash-mobile-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: min(360px, 100vw);
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  z-index: 1000;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s ease;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.07), transparent 38%), radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 32%), linear-gradient(180deg, #0b1725 0%, #07111f 55%, #020b16 100%);
  border-left: 1px solid rgba(34, 255, 209, 0.1);
}
@media screen and (max-width: 400px) {
  .dash-mobile-menu {
    width: 100vw;
  }
}
.dash-mobile-menu--aberto {
  transform: translateX(0);
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dash-mobile-menu-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

.dash-mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px 10px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(7, 18, 33, 0.35);
}

.dash-mobile-menu-title {
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.02em;
  margin: 0;
}

.dash-mobile-menu-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #9db0c5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.dash-mobile-menu-close i {
  font-size: 16px;
}
.dash-mobile-menu-close:hover {
  border-color: rgba(84, 255, 196, 0.35);
  background: rgba(84, 255, 196, 0.1);
  color: #54ffc4;
}

.dash-mobile-menu-nav {
  display: flex;
  flex-direction: column;
  padding: 8px 10px 10px;
  gap: 1px;
  flex: 1;
  min-height: 0;
}

.dash-mobile-nav-item[data-requer-acesso]:not(.dash-acesso--liberado) {
  display: none !important;
}

.dash-mobile-nav-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: #9db0c5;
  text-decoration: none;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.22;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.dash-mobile-nav-item i {
  font-size: 12px;
  color: rgba(56, 211, 159, 0.85);
  width: 16px;
  min-width: 16px;
  text-align: center;
  flex-shrink: 0;
}
.dash-mobile-nav-item .sidebar-fipe-mark,
.dash-mobile-nav-item .dash-nav-fipe-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  min-width: 16px;
  max-width: 16px;
  flex: 0 0 16px;
  font-size: 7px;
  font-weight: 700;
  font-family: "Outfit", "Poppins", sans-serif;
  letter-spacing: 0.02em;
  color: rgba(56, 211, 159, 0.95);
  line-height: 1;
  text-align: center;
  box-sizing: border-box;
}
.dash-mobile-nav-item span:not(.dash-mobile-msg-badge):not(.sidebar-fipe-mark):not(.dash-nav-fipe-mark) {
  flex: 1;
  text-align: left;
  min-width: 0;
}
.dash-mobile-nav-item:hover {
  background: rgba(56, 211, 159, 0.08);
  border-color: rgba(34, 255, 209, 0.12);
  color: #e8f4f0;
}
.dash-mobile-nav-item:hover i {
  color: #54ffc4;
}
.dash-mobile-nav-item.active {
  background: rgba(84, 255, 196, 0.1);
  border-color: rgba(84, 255, 196, 0.25);
  color: #54ffc4;
  box-shadow: inset 0 0 0 1px rgba(84, 255, 196, 0.08);
}
.dash-mobile-nav-item.active i {
  color: #54ffc4;
}

.dash-mobile-nav-item--mensagens {
  position: relative;
  padding-right: 40px;
}

.dash-mobile-msg-badge {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #dc3545;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(21, 21, 21, 0.3);
}

.dash-mobile-menu-footer {
  padding: 10px 12px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
  background: rgba(2, 11, 22, 0.5);
}

.dash-mobile-nav-item--logout {
  color: #ff8a96;
}
.dash-mobile-nav-item--logout i {
  color: rgba(255, 138, 150, 0.95);
}
.dash-mobile-nav-item--logout:hover {
  background: rgba(255, 59, 92, 0.12);
  border-color: rgba(255, 59, 92, 0.28);
  color: #ffb4bc;
}
.dash-mobile-nav-item--logout:hover i {
  color: #ffb4bc;
}

.sidebar {
  position: fixed;
  top: 56px;
  left: 0;
  width: 172px;
  height: calc(100vh - 56px);
  padding: 8px 6px;
  background: linear-gradient(180deg, #07111d 0%, #0b1624 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 90;
  box-sizing: border-box;
  overflow: hidden;
}

.sidebar-menu {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.sidebar-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-menu .sidebar-menu-item[data-requer-acesso]:not(.dash-acesso--liberado) {
  display: none !important;
}
.sidebar-menu .sidebar-menu-item {
  margin-bottom: 1px;
}
.sidebar-menu .sidebar-menu-item a .sidebar-fipe-mark {
  width: 13px;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  text-align: center;
  line-height: 1;
}
.sidebar-menu .sidebar-menu-item.active a {
  background: rgba(84, 255, 196, 0.08);
  border-color: rgba(84, 255, 196, 0.22);
  color: #54ffc4;
  box-shadow: inset 0 0 12px rgba(84, 255, 196, 0.08);
}

.sidebar-footer {
  display: flex;
  flex-direction: column;
  gap: 1px;
  flex-shrink: 0;
  padding-top: 2px;
}
.sidebar-footer .sidebar-footer-link.active {
  background: rgba(84, 255, 196, 0.08);
  border-color: rgba(84, 255, 196, 0.22);
  color: #54ffc4;
  box-shadow: inset 0 0 12px rgba(84, 255, 196, 0.08);
}
.sidebar-footer .sidebar-footer-link--logout:hover {
  background: rgba(255, 59, 92, 0.12);
  border-color: rgba(255, 59, 92, 0.35);
  color: #ff8a96;
}

.dash-user-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  transition: all 0.3s ease;
  position: relative;
}

.dash-sidebar--expanded .dash-user-block {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 0;
}

.dash-user-avatar {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--fundo-formulario);
  color: #38d39f;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.08);
  position: relative;
}
.dash-user-avatar::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 2px;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.dash-user-avatar i {
  font-size: 24px;
  z-index: 1;
}
.dash-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  z-index: 1;
  position: relative;
}

.dash-user-block:hover .dash-user-avatar {
  box-shadow: 0 4px 16px rgba(56, 211, 159, 0.25);
}
.dash-user-block:hover .dash-user-avatar::after {
  opacity: 1;
}

.dash-user-info {
  display: none;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  padding: 4px 0;
}

.dash-sidebar--expanded .dash-user-info {
  display: flex;
  align-items: flex-start;
}

.dash-user-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--texto-principal);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  transition: color 0.3s ease;
}

.dash-user-role {
  font-size: 0.75rem;
  line-height: 1.3;
  color: var(--texto-secundario);
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  opacity: 0.7;
}

.dash-user-block:hover .dash-user-name {
  color: #38d39f;
}

.dash-user-block:hover .dash-user-role {
  opacity: 1;
}

.dash-main.dash-main--business-admin {
  padding: 0;
  margin-top: 40px;
  margin-left: 0;
  background: #07111f;
  width: calc(100% - 172px);
  max-width: none;
}

.dash-main {
  flex: 1;
  min-width: 0;
  padding: 24px 24px 64px 24px;
  display: block;
  min-height: calc(100vh - 56px);
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box;
  margin-top: 40px;
  overflow: visible !important;
  margin-left: 172px;
}
@media screen and (max-width: 600px) {
  .dash-main {
    padding: 16px 12px 48px 12px;
  }
}

@media screen and (max-width: 900px) {
  .header-actions {
    gap: 8px;
  }
  .header-actions .action-btn,
  .header-actions .dash-header-user {
    display: none;
  }
  .dash-header-menu-btn {
    display: flex;
  }
  .dash-sidebar-wrapper {
    display: none;
  }
  .dash-main {
    margin-left: 0;
    padding: 16px 12px 48px 12px;
  }
}
.dash-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 23, 0.72);
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
}
.dash-menu-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.dash-content {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 66.666% 33.333%;
  gap: 24px;
  max-width: 1600px;
  margin: 0 auto;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
  padding-right: 0;
}
@media screen and (max-width: 1200px) {
  .dash-content {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 600px) {
  .dash-content {
    gap: 16px;
  }
}

.dash-col-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  min-width: 0;
  height: auto;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .dash-col-main {
    gap: 16px;
    padding-top: 16px;
  }
}

.dash-col-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  padding-right: 24px;
}

.dash-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  min-width: 0;
}
@media screen and (max-width: 1400px) {
  .dash-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .dash-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media screen and (max-width: 600px) {
  .dash-stats-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
@media screen and (max-width: 380px) {
  .dash-stats-grid {
    gap: 10px;
  }
}

.dash-stat-card {
  background: var(--fundo-formulario);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
}
.dash-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 21, 21, 0.1);
}
@media screen and (max-width: 600px) {
  .dash-stat-card {
    padding: 16px;
    gap: 12px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 380px) {
  .dash-stat-card {
    padding: 12px;
    gap: 10px;
  }
}

.dash-stat-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex-shrink: 0;
}
@media screen and (max-width: 600px) {
  .dash-stat-icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 380px) {
  .dash-stat-icon {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }
}

.dash-stat-info {
  flex: 1;
  min-width: 0;
}

.dash-stat-value {
  font-family: "Outfit", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--texto-principal);
  margin: 0 0 4px 0;
  white-space: normal;
  word-break: normal;
  transition: color 0.3s ease;
}
@media screen and (max-width: 600px) {
  .dash-stat-value {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 380px) {
  .dash-stat-value {
    font-size: 1.25rem;
  }
}

.dash-stat-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: var(--texto-secundario);
  margin: 0;
  white-space: normal;
  word-break: normal;
  transition: color 0.3s ease;
}
@media screen and (max-width: 380px) {
  .dash-stat-label {
    font-size: 0.8125rem;
  }
}

.dash-chart-container {
  background: var(--fundo-formulario);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 60px;
}

.dash-chart-header {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
  flex-shrink: 0;
}

.dash-chart-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #38d39f;
  margin: 0;
  transition: color 0.3s ease;
}

.dash-chart-content {
  width: 100%;
  height: 120px;
  position: relative;
}
.dash-chart-content canvas {
  width: 100% !important;
  height: 100% !important;
}

.dash-charts-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 1200px) {
  .dash-charts-row {
    grid-template-columns: 1fr;
  }
}

.dash-charts-row--tres-colunas {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media screen and (max-width: 1400px) {
  .dash-charts-row--tres-colunas {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1200px) {
  .dash-charts-row--tres-colunas {
    grid-template-columns: 1fr;
  }
}

.dash-chart-small .dash-chart-content {
  height: 120px;
}

.dash-charts-row .dash-chart-container {
  min-height: 60px;
}

.dash-charts-row .dash-chart-container .dash-chart-content {
  height: 120px;
}

@media screen and (max-width: 1200px) {
  .dash-charts-row--leads-mes-origem {
    grid-template-columns: 1fr;
  }
}

.dash-chart-leads-mes .dash-chart-header--pipeline,
.dash-chart-conversao-geral .dash-chart-header--pipeline,
.dash-chart-leads-origem .dash-chart-header--pipeline {
  align-items: flex-start;
  gap: 12px;
}
.dash-chart-leads-mes .dash-chart-subtitle,
.dash-chart-conversao-geral .dash-chart-subtitle,
.dash-chart-leads-origem .dash-chart-subtitle {
  margin: 4px 0 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}

.dash-chart-content--conversao-geral {
  height: 88px;
  min-height: 88px;
}

.dash-conversao-geral-taxa {
  color: #e19418;
}

.dash-conversao-geral-detalhe {
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px solid var(--cor-borda);
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-secundario);
  text-align: center;
  line-height: 1.4;
}

.dash-chart-content--leads-origem {
  height: 100px;
  min-height: 100px;
}

.dash-leads-origem-legenda {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--cor-borda);
}

.dash-leads-origem-legenda-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.3;
}

.dash-leads-origem-legenda-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.dash-leads-origem-legenda-nome {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--texto-principal);
  font-weight: 600;
}

.dash-leads-origem-legenda-qtd {
  font-weight: 700;
  color: var(--texto-principal);
  white-space: nowrap;
}

.dash-leads-origem-legenda-pct {
  color: var(--texto-secundario);
  white-space: nowrap;
  min-width: 2.8rem;
  text-align: right;
}

.dash-leads-origem-legenda-bar {
  grid-column: 1/-1;
  height: 4px;
  border-radius: 999px;
  background: rgba(21, 21, 21, 0.08);
  overflow: hidden;
}

.dash-leads-origem-legenda-bar-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.35s ease;
}

.dash-leads-origem-legenda--vazio {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  font-style: italic;
  text-align: center;
}

.dash-charts-row--pipeline-mes {
  grid-template-columns: 1fr;
}

.dash-chart-pipeline-mes .dash-chart-header--pipeline {
  align-items: flex-start;
  gap: 12px;
}
.dash-chart-pipeline-mes .dash-chart-subtitle {
  margin: 4px 0 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}
.dash-chart-pipeline-mes .dash-chart-content--pipeline-bar {
  height: min(280px, 42vh);
  min-height: 160px;
}

.dash-pipeline-mes-total {
  margin: 0;
  flex-shrink: 0;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(232, 154, 30, 0.12);
  border: 1px solid rgba(232, 154, 30, 0.28);
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #e19418;
  line-height: 1.2;
  white-space: nowrap;
}

.dash-pipeline-mes-legenda {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--cor-borda);
}

.dash-pipeline-mes-legenda-item {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.3;
}

.dash-pipeline-mes-legenda-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.dash-pipeline-mes-legenda-nome {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--texto-principal);
  font-weight: 600;
}

.dash-pipeline-mes-legenda-qtd {
  font-weight: 700;
  color: var(--texto-principal);
  white-space: nowrap;
}

.dash-pipeline-mes-legenda-pct {
  color: var(--texto-secundario);
  white-space: nowrap;
  min-width: 2.8rem;
  text-align: right;
}

.dash-pipeline-mes-legenda-bar {
  grid-column: 1/-1;
  height: 4px;
  border-radius: 999px;
  background: rgba(21, 21, 21, 0.08);
  overflow: hidden;
}

.dash-pipeline-mes-legenda-bar-fill {
  display: block;
  height: 100%;
  border-radius: 999px;
  transition: width 0.35s ease;
}

.dash-pipeline-mes-legenda--vazio {
  margin: 0;
  padding: 8px 0;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  font-style: italic;
  text-align: center;
}

.dash-chart-ticket-medio .dash-chart-subtitle {
  margin: 4px 0 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}

.dash-chart-content--ticket-medio {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  height: 120px;
}

.dash-ticket-medio-valor {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: clamp(1.35rem, 2.8vw, 1.75rem);
  font-weight: 700;
  color: #e19418;
  line-height: 1.15;
}

.dash-ticket-medio-detalhe {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}

.dash-charts-row--conversao-vendedor {
  grid-template-columns: 1fr;
}

.dash-chart-conversao-vendedor .dash-chart-subtitle {
  margin: 4px 0 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
}

.dash-conversao-vendedor-legenda-chaves {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-bottom: 14px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-secundario);
}
.dash-conversao-vendedor-legenda-chaves span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.dash-conversao-vendedor-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.dash-conversao-vendedor-dot--aberta {
  background: #3b82f6;
}
.dash-conversao-vendedor-dot--andamento {
  background: #f59e0b;
}
.dash-conversao-vendedor-dot--agendamento {
  background: var(--dash-conversao-agendamento-cor, #8b5cf6);
}
.dash-conversao-vendedor-dot--cancelado {
  background: #94a3b8;
}

.dash-conversao-vendedor-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dash-conversao-vendedor--vazio {
  margin: 0;
  padding: 12px 0;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  font-style: italic;
}

.dash-conversao-vendedor-item {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
}

.dash-conversao-vendedor-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 8px;
}

.dash-conversao-vendedor-nome {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--texto-principal);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-conversao-vendedor-qtd {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--texto-secundario);
  white-space: nowrap;
}

.dash-conversao-vendedor-taxa {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #e19418;
  white-space: nowrap;
}

.dash-conversao-vendedor-bar {
  display: flex;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(21, 21, 21, 0.08);
}

.dash-conversao-vendedor-seg {
  display: block;
  height: 100%;
  min-width: 0;
  transition: width 0.35s ease;
}
.dash-conversao-vendedor-seg--aberta {
  background: #3b82f6;
}
.dash-conversao-vendedor-seg--andamento {
  background: #f59e0b;
}
.dash-conversao-vendedor-seg--agendamento {
  background: #8b5cf6;
}
.dash-conversao-vendedor-seg--cancelado {
  background: #94a3b8;
}

.dash-conversao-vendedor-detalhe {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-secundario);
}
.dash-conversao-vendedor-detalhe span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.dash-conversao-vendedor-detalhe small {
  opacity: 0.85;
  font-size: 0.68rem;
}

@media screen and (max-width: 600px) {
  .dash-conversao-vendedor-meta {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
  }
  .dash-conversao-vendedor-meta .dash-conversao-vendedor-taxa {
    grid-column: 2;
    grid-row: 1;
  }
  .dash-conversao-vendedor-meta .dash-conversao-vendedor-qtd {
    grid-column: 1/-1;
  }
}
.dash-assistant-container {
  background: var(--fundo-formulario);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease;
  margin-bottom: 16px;
}

.dash-assistant-header {
  margin-bottom: 16px;
}

.dash-assistant-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #38d39f;
  margin: 0 0 8px 0;
  transition: color 0.3s ease;
}

.dash-assistant-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  margin: 0;
  transition: color 0.3s ease;
}

.dash-assistant-search {
  width: 100%;
}

.dash-assistant-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.dash-assistant-input-wrapper i {
  position: absolute;
  left: 16px;
  color: var(--cor-icone);
  font-size: 18px;
  z-index: 1;
  transition: color 0.3s ease;
}

.dash-assistant-input {
  width: 100%;
  padding: 14px 16px 14px 48px;
  border: 2px solid var(--cor-borda);
  border-radius: 12px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-principal);
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
}
.dash-assistant-input:focus {
  border-color: #38d39f;
}
.dash-assistant-input:focus + i,
.dash-assistant-input:focus ~ i {
  color: #38d39f;
}
.dash-assistant-input::placeholder {
  color: var(--texto-terciario);
}

.dash-assistant-input-wrapper:focus-within i {
  color: #38d39f;
}

.dash-anuncios-container {
  background: var(--fundo-formulario);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease;
  height: auto;
  display: flex;
  flex-direction: column;
  min-height: 60px;
}

.dash-anuncios-header {
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
  flex-shrink: 0;
}

.dash-anuncios-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #38d39f;
  margin: 0;
  transition: color 0.3s ease;
}

.dash-anuncios-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  overflow: hidden;
}

.dash-anuncio-card {
  background: var(--fundo-formulario);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  gap: 12px;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.dash-anuncio-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(21, 21, 21, 0.1);
}

.dash-anuncio-image {
  width: 80px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
  transition: background 0.3s ease;
}
.dash-anuncio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dash-anuncio-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dash-anuncio-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}

.dash-anuncio-title {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: var(--texto-principal);
  margin: 0;
  transition: color 0.3s ease;
}

.dash-anuncio-valor {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #38d39f;
  white-space: nowrap;
}

.dash-anuncio-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: var(--texto-secundario);
  margin: 0;
  line-height: 1.4;
  transition: color 0.3s ease;
}

.dash-anuncio-tempo {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--texto-terciario);
  transition: color 0.3s ease;
}

.dash-mensagens-container {
  background: var(--fundo-formulario);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease;
}

.dash-leads-container {
  margin-bottom: 20px;
}

.dash-mensagens-header {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.dash-mensagens-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #38d39f;
  margin: 0;
  transition: color 0.3s ease;
}

.dash-mensagens-ver-todas {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-secundario);
  text-decoration: none;
  white-space: nowrap;
}
.dash-mensagens-ver-todas:hover {
  color: #38d39f;
  text-decoration: underline;
}

.dash-anuncios-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #38d39f;
  margin: 0;
  transition: color 0.3s ease;
}

.dash-assistant-title {
  font-family: "Outfit", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #38d39f;
  margin: 0 0 8px 0;
  transition: color 0.3s ease;
}

.dash-assistant-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  margin: 0 0 16px 0;
  transition: color 0.3s ease;
}

.dash-mensagens-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dash-mensagens-placeholder {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: var(--texto-secundario);
  margin: 0;
  line-height: 1.5;
}
.dash-mensagens-placeholder a {
  color: #38d39f;
  font-weight: 600;
  text-decoration: none;
}
.dash-mensagens-placeholder a:hover {
  text-decoration: underline;
}

.dash-mensagem-item {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  transition: background 0.3s ease;
  text-decoration: none;
  color: inherit;
  align-items: flex-start;
}
.dash-mensagem-item:hover {
  background: rgba(56, 211, 159, 0.05);
}

.dash-mensagem-avatar {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-mensagem-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dash-mensagem-avatar--empty i {
  font-size: 1.1rem;
  color: var(--texto-terciario);
}
.dash-mensagem-avatar--lead {
  background: rgba(37, 211, 102, 0.12);
}
.dash-mensagem-avatar--lead i {
  font-size: 1.25rem;
  color: #128c3a;
}

.dash-mensagem-unread {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #38d39f;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dash-mensagem-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dash-mensagem-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.dash-mensagem-nome {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--texto-principal);
  transition: color 0.3s ease;
}

.dash-mensagem-tipo {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.dash-mensagem-tipo--compra {
  background: rgba(56, 211, 159, 0.15);
  color: #32be8f;
}
.dash-mensagem-tipo--venda {
  background: rgba(232, 154, 30, 0.15);
  color: #e19418;
}
.dash-mensagem-tipo--troca {
  background: rgba(21, 21, 21, 0.15);
  color: var(--texto-principal);
}

.dash-mensagem-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  color: var(--texto-secundario);
  margin: 0;
  line-height: 1.4;
  transition: color 0.3s ease;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  word-break: break-word;
}

@media screen and (max-width: 900px) {
  .dash-sidebar-footer {
    padding: 16px 12px;
    gap: 12px;
  }
  .dash-user-block {
    width: auto;
  }
  .dash-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
  }
  .dash-user-avatar i {
    font-size: 20px;
  }
  .dash-user-avatar img {
    border-radius: 10px;
  }
  .dash-user-info {
    display: none !important;
  }
  .dash-sidebar--expanded .dash-user-info {
    display: none !important;
  }
}
.dash-lembretes-faixa {
  width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 32px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #fff;
}

.dash-lembretes-faixa[hidden] {
  display: none !important;
}

.dash-lembretes-faixa-viewport {
  flex: 1;
  width: 100%;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

@keyframes dash-lembrete-marquee-inf {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
.dash-lembretes-faixa-track {
  display: flex;
  height: 100%;
  align-items: center;
  width: max-content;
  max-width: none;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
}

.dash-lembretes-faixa-track--marquee {
  flex-direction: row;
  flex-wrap: nowrap;
  will-change: transform;
  animation: dash-lembrete-marquee-inf 40s linear infinite;
}

.dash-lembretes-faixa-viewport:hover .dash-lembretes-faixa-track--marquee {
  animation-play-state: paused;
}

.dash-lembretes-faixa-seq {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
}

.dash-lembretes-faixa-lead-spacer {
  flex-shrink: 0;
  pointer-events: none;
  visibility: hidden;
}

.dash-lembretes-faixa-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  padding-right: clamp(32px, 6vw, 72px);
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  line-height: 1.2;
  color: inherit;
  white-space: nowrap;
}

.dash-lembretes-faixa-titulo {
  flex-shrink: 0;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: inherit;
  line-height: inherit;
  color: #54ffc4;
}

.dash-lembretes-faixa-msg {
  flex-shrink: 0;
  line-height: inherit;
  white-space: nowrap;
  color: #fff;
  opacity: 0.9;
}

@media (prefers-reduced-motion: reduce) {
  .dash-lembretes-faixa-track--marquee {
    animation: none;
    transform: none;
  }
}
@media screen and (max-width: 900px) {
  .header .header-center {
    min-width: 0;
  }
  body.dash-com-lembretes-faixa .header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
  }
  .dash-lembretes-faixa-item {
    font-size: 0.75rem;
    padding-right: clamp(20px, 4vw, 40px);
  }
}
.cadastro-container.lembrete-pagina {
  max-width: 920px;
}

.lembrete-secao-lista {
  margin-top: 8px;
}
.lembrete-secao-lista .cadastro-tabela-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.lembrete-form .lembrete-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  margin-bottom: 24px;
  align-items: start;
}

.lembrete-campo-dados-veiculo-legenda {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--texto-principal);
  margin: 0 0 12px;
}

.lembrete-form .lembrete-campos-veiculo {
  display: grid;
  grid-template-columns: 1fr 120px 140px;
  gap: 16px;
  width: 100%;
  align-items: end;
}
@media screen and (max-width: 640px) {
  .lembrete-form .lembrete-campos-veiculo {
    grid-template-columns: 1fr;
  }
}

.lembrete-campo-tipo {
  width: 100%;
  min-width: 0;
}

.lembrete-tipo-cabecalho {
  margin-bottom: 12px;
}

.lembrete-tipo-legenda {
  display: block;
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--texto-principal);
  letter-spacing: 0.02em;
  margin: 0 0 6px;
  text-transform: none;
}

.lembrete-tipo-ajuda {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.lembrete-tipo-opcoes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media screen and (max-width: 520px) {
  .lembrete-tipo-opcoes {
    grid-template-columns: 1fr;
  }
}

.lembrete-tipo-card {
  display: block;
  margin: 0;
  cursor: pointer;
  position: relative;
}

.lembrete-tipo-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.lembrete-tipo-card-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 16px 18px;
  min-height: 108px;
  box-sizing: border-box;
  border-radius: 14px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  transition: border-color 0.2s ease, background 0.2s ease;
}

.lembrete-tipo-card-icon {
  font-size: 1.35rem;
  line-height: 1;
  margin-bottom: 2px;
}

.lembrete-tipo-card--venda .lembrete-tipo-card-icon {
  color: #38d39f;
}

.lembrete-tipo-card--compra .lembrete-tipo-card-icon {
  color: #ea580c;
}

.lembrete-tipo-card-titulo {
  font-family: "Outfit", sans-serif;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--texto-principal);
  line-height: 1.2;
}

.lembrete-tipo-card-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--texto-terciario);
  line-height: 1.35;
}

.lembrete-tipo-card:focus-within .lembrete-tipo-card-inner {
  outline: 2px solid rgba(56, 211, 159, 0.45);
  outline-offset: 2px;
}

.lembrete-tipo-card:hover .lembrete-tipo-card-inner {
  border-color: rgba(56, 211, 159, 0.35);
}

.lembrete-tipo-card--compra:hover .lembrete-tipo-card-inner {
  border-color: rgba(234, 88, 12, 0.4);
}

.lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner {
  border-color: transparent;
  background: rgba(56, 211, 159, 0.1);
}

.lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner {
  border-color: transparent;
  background: rgba(56, 211, 159, 0.14);
}

.lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner {
  border-color: transparent;
  background: rgba(234, 88, 12, 0.1);
}

.lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner {
  border-color: transparent;
  background: rgba(234, 88, 12, 0.14);
}

body.dark-mode .lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner {
  background: rgba(56, 211, 159, 0.14);
}

body.dark-mode .lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner {
  background: rgba(56, 211, 159, 0.18);
}

body.dark-mode .lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner {
  background: rgba(234, 88, 12, 0.14);
}

body.dark-mode .lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner {
  background: rgba(234, 88, 12, 0.18);
}

.lembrete-td-tipo {
  white-space: nowrap;
  vertical-align: middle;
}

.lembrete-tipo-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-family: "Poppins", sans-serif;
}

.lembrete-tipo-badge--venda {
  background: rgba(56, 211, 159, 0.2);
  color: #32be8f;
}

.lembrete-tipo-badge--compra {
  background: rgba(194, 65, 12, 0.18);
  color: #9a3412;
}

.lembrete-tipo-badge--expirado {
  margin-left: 8px;
  background: rgba(21, 21, 21, 0.1);
  color: var(--texto-terciario);
  font-weight: 600;
}

body.dark-mode .lembrete-tipo-badge--compra {
  background: rgba(251, 146, 60, 0.2);
  color: #fdba74;
}

.lembrete-linha--expirada {
  opacity: 0.78;
}

.lembrete-linha--expirada .lembrete-td-titulo strong {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--texto-terciario);
}

.cadastro-btn-acao--edit[disabled],
.cadastro-btn-acao--edit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

.cadastro-btn-acao--edit[disabled]:hover,
.cadastro-btn-acao--edit:disabled:hover {
  transform: none;
  opacity: 0.45;
}

.lembrete-bloco-global {
  margin-bottom: 24px;
  padding: 18px 20px;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: rgba(56, 211, 159, 0.06);
  transition: border-color 0.3s ease, background 0.3s ease;
}

body.dark-mode .lembrete-bloco-global {
  background: rgba(56, 211, 159, 0.1);
}

.lembrete-bloco-global-titulo {
  margin: 0 0 12px;
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--texto-principal);
}

.lembrete-visibilidade-toggles {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
}

.lembrete-bloco-global .cadastro-toggle {
  align-items: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.lembrete-bloco-global .cadastro-toggle-label {
  white-space: normal;
  line-height: 1.4;
}

.lembrete-ajuda-global {
  margin: 14px 0 0;
  padding-left: 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
}

.lembrete-form-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
  padding-top: 4px;
}
.lembrete-form-acoes .cadastro-btn-submit {
  margin-left: 0;
  align-self: center;
}

.lembrete-tabela {
  table-layout: fixed;
  width: 100%;
}
.lembrete-tabela th,
.lembrete-tabela td {
  vertical-align: middle;
}
.lembrete-tabela .lembrete-td-titulo {
  width: 3.25rem;
  text-align: center;
}
.lembrete-tabela .lembrete-td-titulo strong {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
}
.lembrete-tabela .lembrete-td-tipo {
  width: 7.5rem;
}
.lembrete-tabela .lembrete-td-msg {
  min-width: 0;
  max-width: none;
  color: var(--texto-principal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lembrete-tabela .lembrete-td-criador {
  width: 28%;
  max-width: 12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lembrete-tabela td.lembrete-td-acoes.cadastro-acoes {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 10.5rem;
  min-width: 10.5rem;
  max-width: 10.5rem;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
}
.lembrete-tabela .lembrete-td-acoes .cadastro-btn-acao {
  flex: 0 0 auto;
  padding: 8px 8px;
}
.lembrete-tabela .lembrete-td-acoes .cadastro-btn-acao span {
  display: none;
}

.dash-home-admin[hidden],
.dash-home-vendedor[hidden],
.dash-home-login[hidden] {
  display: none !important;
  visibility: hidden !important;
}

.dash-main--home-pending .dash-home-admin,
.dash-main--home-pending .dash-home-vendedor,
.dash-main--home-pending .dash-home-login,
.dash-main--home-pending .dash-home-preview-bar {
  display: none !important;
}

.dash-home-preview-bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  max-width: 1600px;
  margin: 0 auto 16px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(232, 154, 30, 0.35);
  background: rgba(232, 154, 30, 0.08);
  box-sizing: border-box;
}
.dash-home-preview-bar:not([hidden]) {
  display: flex;
}

.dash-home-preview-badge {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #e19418;
}

.dash-home-preview-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(232, 154, 30, 0.45);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.dash-home-preview-toggle:hover {
  border-color: #e89a1e;
  background: rgba(232, 154, 30, 0.12);
  color: #e19418;
}
.dash-home-preview-toggle:focus-visible {
  outline: 2px solid rgba(232, 154, 30, 0.5);
  outline-offset: 2px;
}

.dash-home-loading {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: min(420px, 100vh - 200px);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
}
.dash-home-loading:not([hidden]) {
  display: flex;
}
.dash-home-loading i {
  font-size: 1.5rem;
  color: #e89a1e;
}

/* Home vendedor: layout em pages/crm-dashboard-vendedor.scss */
.dash-main:has(.crm-dashboard) {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  background: #07111f;
  box-sizing: border-box;
}

.dash-home-vendedor {
  display: none;
  width: 100%;
  box-sizing: border-box;
}
.dash-home-vendedor:not([hidden]) {
  display: block;
}
.dash-home-vendedor[hidden] {
  display: none !important;
  visibility: hidden !important;
}

.dash-home-login {
  display: none;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 56px);
  padding: 24px 16px;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 22%), #07111f;
}
.dash-home-login:not([hidden]) {
  display: flex;
}

.dash-home-login-card {
  width: 100%;
  max-width: 420px;
  padding: 36px 28px;
  text-align: center;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(14, 26, 45, 0.98) 0%, rgb(8, 16, 29) 100%);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.dash-home-login-card > i {
  font-size: 2rem;
  color: #24f2c0;
  margin-bottom: 16px;
}
.dash-home-login-card h1 {
  margin: 0 0 10px;
  font-family: "Outfit", sans-serif;
  font-size: 1.35rem;
  font-weight: 700;
  color: #fff;
}
.dash-home-login-card p {
  margin: 0 0 22px;
  font-family: "Inter", sans-serif;
  font-size: 0.88rem;
  line-height: 1.5;
  color: #8ea4bb;
}

.dash-home-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 12px;
  background: linear-gradient(135deg, #24f2c0, #17dcb0);
  color: #04121d;
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dash-home-login-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(36, 242, 192, 0.28);
}

/** Painel do vendedor na home — compacto, funil igual ao admin (#dashHomeAdmin). */
#crmDashboardVendedor.crm-dashboard {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-x: clip;
  min-height: calc(100vh - 56px);
  padding: 0;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 22%), #07111f;
  font-family: "Inter", sans-serif;
  color: #d6e3f1;
}
#crmDashboardVendedor.crm-dashboard *,
#crmDashboardVendedor.crm-dashboard *::before,
#crmDashboardVendedor.crm-dashboard *::after {
  box-sizing: border-box;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-layout {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: calc(100vh - 56px);
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-main {
  flex: 1;
  min-width: 0;
  padding: 10px 12px 16px;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-main {
    padding-right: calc(min(320px, 30vw) + 20px);
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-main {
    padding-right: 296px;
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside {
  width: min(320px, 30vw);
  flex-shrink: 0;
  padding: 10px 12px 16px 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside {
    position: fixed;
    top: 56px;
    right: 0;
    z-index: 25;
    width: min(320px, 30vw);
    height: calc(100vh - 56px);
    max-height: calc(100vh - 56px);
    padding: 16px 14px 20px 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside {
    width: 280px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 12px 20px;
    position: static;
    height: auto;
    max-height: none;
  }
}
@media screen and (max-width: 1024px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-layout {
    flex-direction: column;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-main {
    padding: 10px 12px 16px;
    max-width: 100%;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-aside-stack {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    height: auto;
    min-height: 0;
    justify-content: stretch;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card {
    flex: 1 1 calc(50% - 6px);
    min-width: min(100%, 240px);
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside {
    padding: 0 12px 20px;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-aside-stack {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card {
    flex: none;
    width: 100%;
    min-width: 0;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card .card-header {
    flex-wrap: wrap;
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-aside-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
@media screen and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-aside-stack {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    justify-content: space-between;
    gap: 0;
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card {
  padding: 12px 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-width: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card .card-header {
  margin-bottom: 8px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card .card-header h3 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card .card-header-link {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
  color: #1fe58e;
  text-decoration: none;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card .card-header-link:hover {
  color: #5ef0b0;
  text-decoration: underline;
}
@media screen and (min-width: 1025px) {
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card--leads {
    margin-top: 24px;
  }
  #crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card--anuncios {
    margin-bottom: 24px;
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card--leads .bd-activity-list,
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card--anuncios .bd-activity-list {
  gap: 0;
  padding: 0;
  height: 156px;
  min-height: 156px;
  max-height: 156px;
  overflow: hidden;
  justify-content: flex-start;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .activity-card--mensagens .bd-activity-list {
  gap: 0;
  padding: 0;
  max-height: 156px;
  overflow: hidden;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list {
  display: flex;
  flex-direction: column;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-empty {
  margin: 0;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.45;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-empty a {
  color: #1fe58e;
  font-weight: 600;
  text-decoration: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-empty a:hover {
  text-decoration: underline;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list--conversas .bd-feed-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 8px 0;
  box-sizing: border-box;
  text-decoration: none;
  color: inherit;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list--conversas .bd-feed-item:first-child {
  border-top: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list--conversas .bd-feed-item:hover {
  background: rgba(255, 255, 255, 0.03);
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item__icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.85rem;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item--lead .bd-feed-item__icon {
  background: rgba(31, 229, 142, 0.12);
  color: #1fe58e;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item--msg .bd-feed-item__icon {
  background: rgba(77, 166, 255, 0.12);
  color: #4da6ff;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item__title {
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item__meta {
  font-size: 10px;
  color: #8ea1bb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-feed-item__badge {
  flex-shrink: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1fe58e;
  color: #041018;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#crmDashboardVendedor.crm-dashboard {
  /* Anúncios no aside — neutraliza .dash-anuncio-* global (_dash.scss) */
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-card {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  margin: 0;
  padding: 8px 0;
  box-sizing: border-box;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: background 0.2s ease;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-card:first-child {
  border-top: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-card:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  transform: none !important;
  box-shadow: none !important;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-image {
  width: 48px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.06);
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-title {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-valor {
  font-size: 11px;
  font-weight: 700;
  color: #1fe58e;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-desc {
  margin: 0;
  font-size: 10px;
  color: #8ea1bb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-dashboard-aside .bd-activity-list .dash-anuncio-tempo {
  display: none;
}
#crmDashboardVendedor.crm-dashboard .dashboard-container {
  max-width: none;
  margin: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-empty-hint {
  margin: 0;
  color: #7f8ea3;
  font-size: 0.75rem;
}
#crmDashboardVendedor.crm-dashboard .glass-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent), #0b1626;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 10px 14px;
  box-shadow: none;
  backdrop-filter: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-top-compact {
  margin-bottom: 10px;
}
#crmDashboardVendedor.crm-dashboard .welcome-user {
  display: flex;
  align-items: center;
  gap: 10px;
}
#crmDashboardVendedor.crm-dashboard .welcome-user img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .welcome-user img[hidden] {
  display: none;
}
#crmDashboardVendedor.crm-dashboard .welcome-user h1 {
  color: #fff;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 2px;
  line-height: 1.2;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .welcome-user p {
  color: #8ea1bb;
  font-size: 0.72rem;
  line-height: 1.35;
  margin: 0;
}
#crmDashboardVendedor.crm-dashboard .welcome-avatar-fallback {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #23c98e, #178f67);
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
}
#crmDashboardVendedor.crm-dashboard .welcome-avatar-fallback[hidden] {
  display: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-stats-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
@media (max-width: 1100px) {
  #crmDashboardVendedor.crm-dashboard .vnd-stats-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  #crmDashboardVendedor.crm-dashboard .vnd-stats-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-card {
  margin-bottom: 10px;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-header.card-header {
  align-items: flex-start;
  margin-bottom: 6px;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-title-wrap {
  min-width: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-title-wrap .card-header-meta {
  display: block;
  margin-top: 2px;
  text-transform: capitalize;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-total-wrap {
  text-align: right;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-total-wrap .vnd-perf-total-label {
  display: block;
  font-size: 9px;
  font-weight: 600;
  color: #8ea1bb;
  margin-bottom: 2px;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-total-wrap .vnd-perf-total-valor {
  display: block;
  color: #1fe58e;
  font-size: 1.05rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-hint {
  font-size: 10px;
  color: #8ea1bb;
  margin: 0 0 6px;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-hint[hidden] {
  display: none !important;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-body {
  position: relative;
  height: 168px;
  width: 100%;
  min-height: 120px;
}
#crmDashboardVendedor.crm-dashboard .vnd-perf-chart-body canvas {
  max-height: 100%;
}
#crmDashboardVendedor.crm-dashboard .mini-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent), #0b1626;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 9px 10px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
#crmDashboardVendedor.crm-dashboard .mini-card .mini-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(31, 229, 142, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1fe58e;
  font-size: 0.82rem;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .mini-card > div > span {
  display: block;
  color: #8ea1bb;
  font-size: 0.68rem;
  margin-bottom: 4px;
}
#crmDashboardVendedor.crm-dashboard .mini-card strong {
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 2px;
  line-height: 1.1;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .mini-card small {
  color: #5ad4a8;
  font-weight: 600;
  font-size: 0.62rem;
  line-height: 1.25;
}
#crmDashboardVendedor.crm-dashboard .vnd-content-row {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(260px, 1.05fr);
  gap: 10px;
  align-items: start;
}
@media (max-width: 1000px) {
  #crmDashboardVendedor.crm-dashboard .vnd-content-row {
    grid-template-columns: 1fr;
  }
}
#crmDashboardVendedor.crm-dashboard {
  /* Cartões alinhados à home admin */
}
#crmDashboardVendedor.crm-dashboard .dashboard-card {
  padding: 10px 12px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent), #0b1626;
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-width: 0;
}
#crmDashboardVendedor.crm-dashboard .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
#crmDashboardVendedor.crm-dashboard .card-header h3 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .card-header .card-header-meta {
  color: #8ea1bb;
  font-size: 10px;
  font-weight: 600;
}
#crmDashboardVendedor.crm-dashboard .vnd-card-link-btn {
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #101b2d;
  color: #c7d4e2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .funnel {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage__label {
  color: #dbe7f3;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage__count {
  flex-shrink: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage__track {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
#crmDashboardVendedor.crm-dashboard .funnel-stage__fill {
  height: 100%;
  min-width: 4px;
  border-radius: 999px;
  transition: width 0.35s ease;
}
#crmDashboardVendedor.crm-dashboard .funnel--vazio {
  color: #8ea1bb;
  font-size: 11px;
  font-style: italic;
  text-align: center;
  padding: 10px 0;
  margin: 0;
}
#crmDashboardVendedor.crm-dashboard .conversion-box {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(31, 229, 142, 0.06);
  border: 1px solid rgba(31, 229, 142, 0.15);
  text-align: center;
}
#crmDashboardVendedor.crm-dashboard .conversion-box strong {
  display: block;
  color: #1fe58e;
  font-size: 15px;
  margin-bottom: 2px;
  font-family: "Outfit", sans-serif;
}
#crmDashboardVendedor.crm-dashboard .conversion-box span {
  color: #8ea1bb;
  font-size: 10px;
}
#crmDashboardVendedor.crm-dashboard .vnd-leads-card .lead-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(52vh, 420px);
  overflow-y: auto;
}
#crmDashboardVendedor.crm-dashboard .vnd-leads-card .all-link {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #1fe58e;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.72rem;
}
#crmDashboardVendedor.crm-dashboard .lead-item {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
#crmDashboardVendedor.crm-dashboard .lead-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#crmDashboardVendedor.crm-dashboard .lead-user {
  display: flex;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
#crmDashboardVendedor.crm-dashboard .lead-user .lead-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #4f8dff, #3a62d6);
  color: #fff;
  font-weight: 700;
  font-size: 0.72rem;
}
#crmDashboardVendedor.crm-dashboard .lead-user strong {
  color: #fff;
  font-size: 0.78rem;
}
#crmDashboardVendedor.crm-dashboard .lead-user p {
  color: #8ea1bb;
  margin: 2px 0 0;
  font-size: 0.68rem;
  line-height: 1.3;
}
#crmDashboardVendedor.crm-dashboard .lead-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
#crmDashboardVendedor.crm-dashboard .tag {
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.6rem;
  font-weight: 700;
}
#crmDashboardVendedor.crm-dashboard .tag.green {
  background: rgba(31, 229, 142, 0.12);
  color: #1fe58e;
}
#crmDashboardVendedor.crm-dashboard .tag.orange {
  background: rgba(255, 167, 38, 0.12);
  color: #ffb347;
}
#crmDashboardVendedor.crm-dashboard .tag.yellow {
  background: rgba(255, 215, 0, 0.12);
  color: #ffd54f;
}
#crmDashboardVendedor.crm-dashboard .lead-side {
  text-align: right;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .lead-side span {
  display: block;
  color: #fff;
  font-size: 0.68rem;
  margin-bottom: 2px;
}
#crmDashboardVendedor.crm-dashboard .lead-side small {
  color: #8ea1bb;
  font-size: 0.62rem;
}
#crmDashboardVendedor.crm-dashboard {
  /** Agendamentos — mesmo padrão visual da home admin (#dashHomeAdmin). */
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-row {
  margin-top: 10px;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card {
  display: flex;
  flex-direction: column;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card > .card-header {
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 8px;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card > .card-header h3 {
  margin: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .card-header-link {
  display: inline-flex;
  align-items: center;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  color: #1fe58e;
  text-decoration: none;
  white-space: nowrap;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .card-header-link:hover {
  color: #5ef0b0;
  text-decoration: underline;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-list--agendamentos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
}
@media screen and (max-width: 900px) {
  #crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-list--agendamentos {
    grid-template-columns: 1fr;
  }
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-empty {
  margin: 0;
  grid-column: 1/-1;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.45;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-empty a {
  color: #1fe58e;
  font-weight: 600;
  text-decoration: none;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-empty a:hover {
  text-decoration: underline;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-more {
  display: block;
  width: 100%;
  height: 30px;
  margin: 10px 0 0;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #c7d4e2;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-more:hover {
  border-color: rgba(139, 92, 246, 0.35);
  color: #e8edf3;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-more[hidden] {
  display: none !important;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-item__icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.82rem;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-item--agendamento .bd-feed-item__icon {
  background: rgba(139, 92, 246, 0.14);
  color: #a78bfa;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item {
  padding: 10px 11px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  align-items: flex-start;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(139, 92, 246, 0.25);
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__top {
  width: 100%;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__tipo {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #a78bfa;
  line-height: 1.2;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__dia {
  display: flex;
  gap: 6px;
  margin-top: 4px;
  font-size: 10px;
  color: #8ea1bb;
  line-height: 1.35;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__dia i {
  color: #a78bfa;
  font-size: 11px;
  margin-top: 2px;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__dia strong {
  color: #e8edf3;
  font-weight: 600;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item .bd-feed-item__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-top: 4px;
  overflow: visible;
  white-space: normal;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__veiculo {
  display: flex;
  align-items: center;
  margin-top: 3px;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.35;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-agend-item__veiculo i {
  color: #4da6ff;
  font-size: 10px;
  flex-shrink: 0;
}
#crmDashboardVendedor.crm-dashboard .vnd-agendamentos-card.agendamentos-card .bd-feed-item__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#dashHomeAdmin {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  min-height: calc(100vh - 40px);
  display: none;
}
#dashHomeAdmin:not([hidden]) {
  display: block;
}
#dashHomeAdmin {
  /* `display: block` acima vence o atributo [hidden] do HTML sem isto */
}
#dashHomeAdmin[hidden] {
  display: none !important;
}
#dashHomeAdmin .business-dashboard {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-x: clip;
  min-height: calc(100vh - 40px);
  padding: 0;
  border-radius: 0;
  background: radial-gradient(circle at top right, rgba(0, 153, 255, 0.12), transparent 25%), #07111f;
  font-family: "Inter", "Poppins", sans-serif;
  color: #dbe7f3;
  box-sizing: border-box;
}
#dashHomeAdmin .business-dashboard__layout {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  min-height: calc(100vh - 40px);
}
#dashHomeAdmin .business-dashboard__main {
  flex: 1;
  min-width: 0;
  padding: 28px 24px 40px 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__main {
    width: 100%;
    padding-right: calc(min(320px, 30vw) + 28px);
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__main {
    padding-right: 304px;
  }
}
#dashHomeAdmin .business-dashboard__aside {
  width: min(320px, 30vw);
  flex-shrink: 0;
  padding: 28px 22px 40px 18px;
  box-sizing: border-box;
  background: transparent;
}
@media screen and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__aside {
    position: fixed;
    top: 40px;
    right: 0;
    z-index: 25;
    width: min(320px, 30vw);
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    overflow: hidden;
    background: transparent;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__aside {
    width: 280px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 1024px) {
  #dashHomeAdmin .business-dashboard__aside {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    /** Mesmo recuo horizontal que `.business-dashboard__main` (cards KPI / gráficos). */
    padding: 0 20px 28px;
    position: static;
    height: auto;
    max-height: none;
    display: block;
    background: transparent;
    border-left: none;
    box-shadow: none;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  #dashHomeAdmin .business-dashboard__aside {
    padding: 0 20px 24px;
  }
}
#dashHomeAdmin .bd-aside-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  #dashHomeAdmin .bd-aside-stack {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    max-height: 100%;
    justify-content: space-between;
    gap: 0;
    overflow: visible;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__aside .activity-card--leads {
    margin-top: 32px;
  }
  #dashHomeAdmin .business-dashboard__aside .activity-card--anuncios {
    margin-bottom: 32px;
  }
}
#dashHomeAdmin .business-dashboard__aside .activity-card {
  padding: 14px 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
@media screen and (min-width: 1025px) {
  #dashHomeAdmin .business-dashboard__aside .activity-card {
    padding: 12px 14px;
  }
}
#dashHomeAdmin .business-dashboard__aside .activity-card .card-header {
  margin-bottom: 10px;
  padding: 0;
  border-bottom: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 0;
}
#dashHomeAdmin .business-dashboard__aside .activity-card .card-header h3 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .business-dashboard__aside .activity-card .card-header-link {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 11px;
  line-height: 1.2;
}
#dashHomeAdmin .business-dashboard__aside .activity-card .bd-activity-list,
#dashHomeAdmin .business-dashboard__aside .activity-card .bd-activity-list--conversas,
#dashHomeAdmin .business-dashboard__aside .activity-card .bd-feed-list--agendamentos {
  padding-left: 0;
  padding-right: 0;
}
#dashHomeAdmin .bd-feed-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 12px 12px;
}
#dashHomeAdmin .bd-feed-list--agendamentos {
  padding: 0;
  gap: 8px;
}
#dashHomeAdmin .bd-feed-empty {
  margin: 4px 4px 0;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #8ea1bb;
  line-height: 1.45;
}
#dashHomeAdmin .bd-feed-empty a {
  color: #1fe58e;
  font-weight: 600;
  text-decoration: none;
}
#dashHomeAdmin .bd-feed-empty a:hover {
  text-decoration: underline;
}
#dashHomeAdmin .business-dashboard__aside .activity-card--leads .bd-activity-list,
#dashHomeAdmin .business-dashboard__aside .activity-card--anuncios .bd-activity-list {
  gap: 0;
  padding: 0;
  height: 156px;
  min-height: 156px;
  max-height: 156px;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
}
#dashHomeAdmin .business-dashboard__aside .activity-card--mensagens .bd-activity-list {
  gap: 0;
  padding: 0;
  height: auto;
  min-height: 0;
  max-height: 156px;
  justify-content: flex-start;
  flex-shrink: 0;
  overflow: hidden;
}
#dashHomeAdmin .business-dashboard__aside .activity-card--leads .bd-feed-item,
#dashHomeAdmin .business-dashboard__aside .activity-card--mensagens .bd-feed-item,
#dashHomeAdmin .business-dashboard__aside .activity-card--anuncios .dash-anuncio-card {
  min-height: 50px;
  padding: 8px 0;
  box-sizing: border-box;
}
#dashHomeAdmin .business-dashboard__aside .activity-card--mensagens {
  flex: 0 1 auto;
  min-height: 0;
}
#dashHomeAdmin .business-dashboard__aside .activity-card--leads,
#dashHomeAdmin .business-dashboard__aside .activity-card--anuncios {
  flex: 0 0 auto;
}
#dashHomeAdmin .bd-assistant {
  margin-bottom: 14px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-sizing: border-box;
}
#dashHomeAdmin .bd-assistant[hidden] {
  display: none !important;
}
#dashHomeAdmin .bd-assistant__row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#dashHomeAdmin .bd-assistant__label {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: #8ea1bb;
  white-space: nowrap;
}
#dashHomeAdmin .bd-assistant__label i {
  color: #1fe58e;
  font-size: 12px;
}
#dashHomeAdmin .bd-assistant__input-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 4px 4px 10px;
  border-radius: 10px;
  background: #0e1929;
  border: 1px solid rgba(255, 255, 255, 0.06);
  transition: border-color 0.2s ease;
}
#dashHomeAdmin .bd-assistant__input-wrap:focus-within {
  border-color: rgba(31, 229, 142, 0.35);
}
#dashHomeAdmin .bd-assistant__input-wrap input {
  flex: 1;
  min-width: 0;
  height: 28px;
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.3;
}
#dashHomeAdmin .bd-assistant__input-wrap input::placeholder {
  color: #667892;
}
#dashHomeAdmin .bd-assistant__input-wrap input:disabled {
  opacity: 0.6;
}
#dashHomeAdmin .bd-assistant__send {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #041018;
  font-size: 11px;
  background: #1fe58e;
  transition: opacity 0.2s ease;
}
#dashHomeAdmin .bd-assistant__send:hover:not(:disabled) {
  opacity: 0.9;
}
#dashHomeAdmin .bd-assistant__send:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#dashHomeAdmin .bd-assistant__answer {
  margin: 8px 0 0;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
  word-break: break-word;
  color: #c5d4e8;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
#dashHomeAdmin .bd-assistant__answer--ok {
  border-color: rgba(31, 229, 142, 0.2);
}
#dashHomeAdmin .bd-assistant__answer--erro {
  border-color: rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}
#dashHomeAdmin .bd-assistant__answer[hidden] {
  display: none !important;
}
@media screen and (max-width: 640px) {
  #dashHomeAdmin .bd-assistant__row {
    flex-wrap: wrap;
  }
  #dashHomeAdmin .bd-assistant__label {
    width: 100%;
  }
}
#dashHomeAdmin .bd-activity-list--conversas,
#dashHomeAdmin .bd-activity-list--anuncios {
  gap: 0;
  padding: 0;
  min-height: 182px;
  max-height: 182px;
  justify-content: center;
}
#dashHomeAdmin .bd-activity-list--conversas .bd-feed-item {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 10px 0;
  min-height: 58px;
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#dashHomeAdmin .bd-activity-list--conversas .bd-feed-item:first-child {
  border-top: none;
}
#dashHomeAdmin .bd-activity-list--conversas .bd-feed-item:hover {
  background: rgba(255, 255, 255, 0.03);
}
#dashHomeAdmin .bd-feed-item {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s;
}
#dashHomeAdmin .bd-feed-item--agendamento {
  cursor: pointer;
}
#dashHomeAdmin .bd-feed-item__icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.95rem;
}
#dashHomeAdmin .bd-feed-item--lead .bd-feed-item__icon {
  background: rgba(31, 229, 142, 0.12);
  color: #1fe58e;
}
#dashHomeAdmin .bd-feed-item--msg .bd-feed-item__icon {
  background: rgba(77, 166, 255, 0.12);
  color: #4da6ff;
}
#dashHomeAdmin .bd-feed-item--agendamento .bd-feed-item__icon {
  background: rgba(139, 92, 246, 0.14);
  color: #a78bfa;
}
#dashHomeAdmin .bd-agend-item {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  align-items: flex-start;
}
#dashHomeAdmin .bd-agend-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(139, 92, 246, 0.25);
}
#dashHomeAdmin .bd-agend-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
#dashHomeAdmin .bd-agend-item__tipo {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #a78bfa;
  line-height: 1.2;
}
#dashHomeAdmin .bd-agend-item__dia {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 6px;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.4;
}
#dashHomeAdmin .bd-agend-item__dia i {
  color: #a78bfa;
  font-size: 12px;
  margin-top: 2px;
  flex-shrink: 0;
}
#dashHomeAdmin .bd-agend-item__dia strong {
  color: #e8edf3;
  font-weight: 600;
}
#dashHomeAdmin .bd-agend-item .bd-feed-item__title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-top: 4px;
}
#dashHomeAdmin .bd-agend-item__veiculo {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 12px;
  color: #8ea1bb;
  line-height: 1.35;
}
#dashHomeAdmin .bd-agend-item__veiculo i {
  color: #4da6ff;
  font-size: 11px;
  flex-shrink: 0;
}
#dashHomeAdmin .bd-feed-item__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#dashHomeAdmin .bd-feed-item__title {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-feed-item__meta {
  font-size: 11px;
  color: #8ea1bb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-feed-item__badge {
  flex-shrink: 0;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1fe58e;
  color: #041018;
  font-size: 10px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#dashHomeAdmin .bd-feed-more {
  height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #c7d4e2;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
}
#dashHomeAdmin .bd-feed-more:hover {
  border-color: rgba(31, 229, 142, 0.35);
  background: rgba(31, 229, 142, 0.08);
  color: #1fe58e;
}
#dashHomeAdmin .bd-feed-more[hidden] {
  display: none;
}
#dashHomeAdmin .card-header-link {
  display: inline-flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #1fe58e;
  text-decoration: none;
  white-space: nowrap;
}
#dashHomeAdmin .card-header-link:hover {
  color: #5ef0b0;
  text-decoration: underline;
}
#dashHomeAdmin .bd-activity-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  min-height: 182px;
  max-height: 182px;
  justify-content: center;
}
#dashHomeAdmin .bd-activity-empty {
  margin: 0 0 4px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #8ea1bb;
  line-height: 1.45;
}
#dashHomeAdmin .bd-activity-empty a {
  color: #1fe58e;
  font-weight: 600;
  text-decoration: none;
}
#dashHomeAdmin .bd-activity-empty a:hover {
  text-decoration: underline;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-item,
#dashHomeAdmin .bd-activity-list .dash-anuncio-card {
  flex-shrink: 0;
  min-height: 58px;
  padding: 10px 0;
  margin: 0;
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
  align-items: center;
  transition: background 0.2s;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-item:first-child,
#dashHomeAdmin .bd-activity-list .dash-anuncio-card:first-child {
  border-top: none;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-item:hover,
#dashHomeAdmin .bd-activity-list .dash-anuncio-card:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.05);
  transform: none;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-item,
#dashHomeAdmin .bd-activity-list .dash-anuncio-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-content {
  flex: 1;
  min-width: 0;
  gap: 2px;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-nome {
  font-size: 13px;
  font-weight: 600;
  color: #dbe7f3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-desc {
  font-size: 11px;
  color: #8ea1bb;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-avatar--empty i {
  color: #8ea1bb;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-avatar--lead {
  background: rgba(31, 229, 142, 0.12);
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-avatar--lead i {
  color: #1fe58e;
}
#dashHomeAdmin .bd-activity-list .dash-mensagem-unread {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #1fe58e;
  color: #041018;
  font-size: 10px;
  font-weight: 800;
  flex-shrink: 0;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-card {
  display: flex;
  gap: 10px;
  cursor: pointer;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-image {
  width: 48px;
  height: 40px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-content {
  flex: 1;
  min-width: 0;
  gap: 2px;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-title {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-valor {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #1fe58e;
  white-space: nowrap;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-desc {
  margin: 0;
  font-size: 11px;
  color: #8ea1bb;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .bd-activity-list .dash-anuncio-tempo {
  display: none;
}
@media screen and (max-width: 1024px) {
  #dashHomeAdmin .business-dashboard__layout {
    flex-direction: column;
  }
  #dashHomeAdmin .business-dashboard__main {
    padding: 24px 20px 20px;
    box-sizing: border-box;
    max-width: 100%;
  }
  #dashHomeAdmin .bd-aside-stack {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 18px;
  }
  #dashHomeAdmin .activity-card {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  #dashHomeAdmin .bd-aside-stack {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  #dashHomeAdmin .activity-card {
    flex: none;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #dashHomeAdmin .business-dashboard__aside .activity-card .card-header {
    flex-wrap: wrap;
  }
  #dashHomeAdmin .business-dashboard__aside .activity-card .card-header .card-header-link {
    margin-left: 0;
  }
}
#dashHomeAdmin .dashboard-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
#dashHomeAdmin .dashboard-header h1 {
  color: #fff;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 700;
  margin: 0 0 4px;
  font-family: "Outfit", "Inter", sans-serif;
  letter-spacing: -0.02em;
}
#dashHomeAdmin .dashboard-header p {
  color: #7f92ab;
  font-size: 12px;
  margin: 0;
}
#dashHomeAdmin .dashboard-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px;
}
#dashHomeAdmin .bd-periodo-wrap {
  position: relative;
}
#dashHomeAdmin .bd-periodo-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 40;
  width: min(300px, 100vw - 48px);
  padding: 14px;
  border-radius: 14px;
  background: #0d1829;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
#dashHomeAdmin .bd-periodo-popover__hint {
  margin: 0 0 10px;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.35;
}
#dashHomeAdmin .bd-periodo-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
#dashHomeAdmin .bd-periodo-preset {
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #c7d4e2;
  font-size: 11px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
#dashHomeAdmin .bd-periodo-preset:hover {
  border-color: rgba(31, 229, 142, 0.35);
  background: rgba(31, 229, 142, 0.08);
}
#dashHomeAdmin .bd-periodo-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#dashHomeAdmin .bd-periodo-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #8ea1bb;
}
#dashHomeAdmin .bd-periodo-field input[type=date] {
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b1626;
  color: #dbe7f3;
  font-family: inherit;
  font-size: 12px;
}
#dashHomeAdmin .bd-periodo-field input[type=date]:focus {
  outline: none;
  border-color: rgba(31, 229, 142, 0.45);
}
#dashHomeAdmin .dashboard-actions button {
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #0d1829;
  color: #dbe7f3;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: 0.2s;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}
#dashHomeAdmin .dashboard-actions button:hover:not(:disabled) {
  border-color: rgba(31, 229, 142, 0.25);
}
#dashHomeAdmin .dashboard-actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
#dashHomeAdmin .dashboard-actions button.date-btn--apply {
  background: rgba(31, 229, 142, 0.14);
  border-color: rgba(31, 229, 142, 0.35);
  color: #1fe58e;
}
#dashHomeAdmin .dashboard-actions button.date-btn--apply:hover {
  background: rgba(31, 229, 142, 0.22);
}
#dashHomeAdmin .kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
@media screen and (max-width: 1400px) {
  #dashHomeAdmin .kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1024px) {
  #dashHomeAdmin .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 480px) {
  #dashHomeAdmin .kpi-grid {
    grid-template-columns: 1fr;
  }
}
#dashHomeAdmin .kpi-card {
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent), #0b1626;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
#dashHomeAdmin .kpi-card__top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
#dashHomeAdmin .kpi-card__top span {
  color: #a9bbd2;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
}
#dashHomeAdmin .kpi-card h2 {
  color: #fff;
  font-size: clamp(1rem, 1.6vw, 1.35rem);
  font-weight: 800;
  margin: 0;
  font-family: "Outfit", sans-serif;
  line-height: 1.15;
}
#dashHomeAdmin .kpi-icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(31, 229, 142, 0.12);
  color: #1fe58e;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 0.85rem;
}
#dashHomeAdmin .kpi-icon--blue {
  background: rgba(77, 166, 255, 0.14);
  color: #4da6ff;
}
#dashHomeAdmin .dashboard-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.05fr) repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) auto auto;
  grid-template-areas: "funnel chart tipos" "funnel team team" "agend agend agend" "vendedor vendedor vendedor";
  gap: 18px;
  align-items: stretch;
}
@media screen and (max-width: 1200px) {
  #dashHomeAdmin .dashboard-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "funnel funnel" "chart tipos" "team team" "agend agend" "vendedor vendedor";
  }
}
@media screen and (max-width: 768px) {
  #dashHomeAdmin .dashboard-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "funnel" "chart" "tipos" "team" "agend" "vendedor";
  }
}
#dashHomeAdmin .dashboard-card {
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent), #0b1626;
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-width: 0;
}
#dashHomeAdmin .funnel-card {
  grid-area: funnel;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
#dashHomeAdmin .chart-card,
#dashHomeAdmin .tipos-card,
#dashHomeAdmin .team-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
#dashHomeAdmin .chart-card .card-header,
#dashHomeAdmin .tipos-card .card-header,
#dashHomeAdmin .team-card .card-header {
  flex-shrink: 0;
}
#dashHomeAdmin .chart-card {
  grid-area: chart;
}
#dashHomeAdmin .tipos-card {
  grid-area: tipos;
}
#dashHomeAdmin .vendedor-card {
  grid-area: vendedor;
}
#dashHomeAdmin .team-card {
  grid-area: team;
}
#dashHomeAdmin .team-card table.bd-team-table th,
#dashHomeAdmin .team-card table.bd-team-table td {
  padding-right: 16px;
}
#dashHomeAdmin .team-card table.bd-team-table th:first-child,
#dashHomeAdmin .team-card table.bd-team-table td:first-child {
  min-width: 140px;
}
#dashHomeAdmin .team-card .bd-team-table-wrap {
  flex: 1 1 auto;
  min-height: 172px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#dashHomeAdmin .agendamentos-card {
  grid-area: agend;
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#dashHomeAdmin .agendamentos-card .card-header {
  flex-wrap: nowrap;
}
#dashHomeAdmin .agendamentos-card .bd-feed-list--agendamentos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
  width: 100%;
}
@media screen and (max-width: 1100px) {
  #dashHomeAdmin .agendamentos-card .bd-feed-list--agendamentos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 900px) {
  #dashHomeAdmin .agendamentos-card .bd-feed-list--agendamentos {
    grid-template-columns: 1fr;
  }
}
#dashHomeAdmin .agendamentos-card .bd-feed-more {
  display: block;
  width: 100%;
  margin: 12px 0 0;
}
#dashHomeAdmin .dash-chart-conversao-vendedor {
  --dash-conversao-agendamento-cor: #8b5cf6;
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-legenda-chaves {
  color: #8ea1bb;
  margin-bottom: 12px;
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-nome,
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-qtd,
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-taxa {
  color: #dbe7f3;
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-bar {
  background: rgba(255, 255, 255, 0.06);
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor-detalhe {
  color: #8ea1bb;
}
#dashHomeAdmin .dash-chart-conversao-vendedor .dash-conversao-vendedor--vazio {
  color: #8ea1bb;
}
#dashHomeAdmin .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
#dashHomeAdmin .card-header h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  font-family: "Outfit", sans-serif;
}
#dashHomeAdmin .card-header .card-header-meta {
  color: #8ea1bb;
  font-size: 12px;
  font-weight: 600;
}
#dashHomeAdmin .card-header button {
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #101b2d;
  color: #c7d4e2;
  cursor: default;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
}
#dashHomeAdmin .funnel {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#dashHomeAdmin .funnel-stage {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#dashHomeAdmin .funnel-stage__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#dashHomeAdmin .funnel-stage__label {
  color: #dbe7f3;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dashHomeAdmin .funnel-stage__count {
  flex-shrink: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  font-family: "Outfit", sans-serif;
}
#dashHomeAdmin .funnel-stage__track {
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  overflow: hidden;
}
#dashHomeAdmin .funnel-stage__fill {
  height: 100%;
  min-width: 4px;
  border-radius: 999px;
  transition: width 0.35s ease;
}
#dashHomeAdmin .funnel--vazio {
  color: #8ea1bb;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  padding: 16px 0;
}
#dashHomeAdmin .conversion-box {
  margin-top: 14px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(31, 229, 142, 0.06);
  border: 1px solid rgba(31, 229, 142, 0.15);
  text-align: center;
}
#dashHomeAdmin .conversion-box strong {
  display: block;
  color: #1fe58e;
  font-size: 20px;
  margin-bottom: 2px;
  font-family: "Outfit", sans-serif;
}
#dashHomeAdmin .conversion-box span {
  color: #8ea1bb;
  font-size: 11px;
}
#dashHomeAdmin .bd-chart-body--center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 172px;
  min-height: 172px;
  max-height: 172px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  flex: 0 0 auto;
}
#dashHomeAdmin .chart-card--vendas .bd-chart-body--center .bd-chart-wrap {
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#dashHomeAdmin .chart-card--vendas .bd-chart-body--center .bd-chart-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
}
#dashHomeAdmin .bd-chart-body--tipos {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  height: 172px;
  min-height: 172px;
  max-height: 172px;
  padding: 4px 0 0;
  box-sizing: border-box;
  flex: 0 0 auto;
}
#dashHomeAdmin .tipos-bars-wrap {
  flex: 1;
  min-height: 0;
  width: 100%;
  position: relative;
}
#dashHomeAdmin .tipos-bars-wrap canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
#dashHomeAdmin .tipos-total-meta {
  margin: 6px 0 0;
  padding: 0;
  flex-shrink: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #8ea1bb;
  line-height: 1.3;
}
#dashHomeAdmin .source-card .bd-chart-body--center .source-content {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 12px 20px;
  flex-wrap: wrap;
  margin: 0;
}
#dashHomeAdmin .bd-chart-wrap {
  position: relative;
  width: 100%;
}
#dashHomeAdmin .bd-chart-wrap canvas {
  display: block;
}
#dashHomeAdmin .bd-chart-wrap--donut {
  position: relative;
}
#dashHomeAdmin .bd-chart-wrap--sm {
  height: 160px;
}
#dashHomeAdmin .source-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px 20px;
  flex-wrap: wrap;
}
#dashHomeAdmin .source-donut-wrap {
  position: relative;
  width: 130px;
  height: 130px;
  flex-shrink: 0;
}
#dashHomeAdmin .source-donut-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}
#dashHomeAdmin .donut-center {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
}
#dashHomeAdmin .donut-center strong {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  font-family: "Outfit", sans-serif;
  line-height: 1.1;
}
#dashHomeAdmin .donut-center span {
  color: #8ea1bb;
  font-size: 10px;
}
#dashHomeAdmin .source-legend {
  flex: 1;
  min-width: 140px;
}
#dashHomeAdmin .source-legend ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#dashHomeAdmin .source-legend li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d4dfeb;
  font-size: 14px;
  font-weight: 600;
}
#dashHomeAdmin .source-legend .source-legend-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
#dashHomeAdmin .source-legend .source-legend-qtd {
  margin-left: auto;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
#dashHomeAdmin .source-legend--vazio {
  color: #8ea1bb;
  font-size: 13px;
  font-style: italic;
}
#dashHomeAdmin .bd-team-table-wrap {
  overflow-x: auto;
}
#dashHomeAdmin table.bd-team-table {
  width: 100%;
  border-collapse: collapse;
}
#dashHomeAdmin table.bd-team-table th {
  text-align: left;
  color: #71839c;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 16px;
  white-space: nowrap;
}
#dashHomeAdmin table.bd-team-table td {
  padding: 14px 8px 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 14px;
}
#dashHomeAdmin table.bd-team-table .green-text {
  color: #1fe58e;
  font-weight: 700;
  white-space: nowrap;
}
#dashHomeAdmin table.bd-team-table .bd-team-empty td {
  text-align: center;
  color: #8ea1bb;
  font-style: italic;
  padding: 24px 0;
}
#dashHomeAdmin .dash-charts-legacy-hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
#dashHomeAdmin .bd-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
#dashHomeAdmin .bd-panel__title {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}
#dashHomeAdmin .bd-panel__link {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #1fe58e;
  text-decoration: none;
  white-space: nowrap;
}
#dashHomeAdmin .bd-panel__link:hover {
  text-decoration: underline;
  color: #5ef0b0;
}
#dashHomeAdmin .bd-panel__body:not(.bd-aside-list) {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#dashHomeAdmin .bd-panel__placeholder, #dashHomeAdmin .dash-mensagens-placeholder {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  color: #8ea1bb;
  line-height: 1.5;
}
#dashHomeAdmin .bd-panel__placeholder a, #dashHomeAdmin .dash-mensagens-placeholder a {
  color: #1fe58e;
  font-weight: 600;
  text-decoration: none;
}
#dashHomeAdmin .bd-panel__placeholder a:hover, #dashHomeAdmin .dash-mensagens-placeholder a:hover {
  text-decoration: underline;
}
.dash-main.dash-main--business-admin {
  padding: 0;
  margin-top: 40px;
  margin-left: 0;
  width: calc(100% - 200px);
  max-width: none;
  background: #07111f;
}
.dash-main.dash-main--business-admin .waves-background,
.dash-main.dash-main--business-admin .wave {
  display: none;
}

body.dash-page--integrador {
  background: #020b16;
  overflow-x: clip;
}
body.dash-page--integrador .dash-layout,
body.dash-page--integrador .dash-main {
  overflow: visible;
}
body.dash-page--integrador .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #020b16;
}

.vehicleIntegrator {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 56px);
  padding: 14px 16px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  overflow: visible;
}
.vehicleIntegrator *,
.vehicleIntegrator *::before,
.vehicleIntegrator *::after {
  box-sizing: border-box;
}
.vehicleIntegrator button,
.vehicleIntegrator input {
  font-family: inherit;
}
.vehicleIntegrator {
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 30%), radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 30%), #020b16;
}
.vehicleIntegrator .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.vehicleIntegrator .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.vehicleIntegrator .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vehicleIntegrator .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.vehicleIntegrator .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.vehicleIntegrator .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.vehicleIntegrator .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.vehicleIntegrator .inventory-page-head {
  flex-shrink: 0;
}
.vehicleIntegrator__marketplaces {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.vehicleIntegrator__marketplaceCard, .vehicleIntegrator__footerStats {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(7, 18, 33, 0.92);
  box-shadow: none;
}
.vehicleIntegrator__marketplaceCard {
  overflow: hidden;
}
.vehicleIntegrator__marketplaceTop {
  padding: 7px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.vehicleIntegrator__marketplaceActions {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
}
.vehicleIntegrator__marketplaceInfo {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.vehicleIntegrator__marketplaceInfo img,
.vehicleIntegrator__marketplaceInfo .uaalLogo,
.vehicleIntegrator__marketplaceInfo .olxLogo {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.04);
  display: block;
}
.vehicleIntegrator__marketplaceInfo .olxLogo {
  border-radius: 6px;
}
.vehicleIntegrator__marketplaceInfo .title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 2px;
}
.vehicleIntegrator__marketplaceInfo .title h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
}
.vehicleIntegrator__marketplaceInfo p {
  margin: 1px 0;
  color: #8ea3b8;
  font-size: 10px;
  line-height: 1.3;
}
.vehicleIntegrator .vi-badge {
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #9db0c5;
  font-size: 9px;
  font-weight: 600;
}
.vehicleIntegrator .vi-badge--ok {
  background: rgba(0, 255, 170, 0.12);
  color: #20ffca;
}
.vehicleIntegrator .vi-badge--off {
  background: rgba(255, 180, 0, 0.1);
  color: #ffcb47;
}
.vi-webmotors-form {
  display: flex;
  gap: 6px;
  padding: 0 10px 7px;
  flex-wrap: wrap;
}
.vi-webmotors-form input {
  flex: 1 1 120px;
  min-width: 0;
  height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #dce8f5;
  font-size: 10px;
}
.vi-webmotors-form input::placeholder {
  color: #6d8098;
}
.vehicleIntegrator__marketplaceBottom {
  padding: 5px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}
.vehicleIntegrator__marketplaceBottom div,
.vehicleIntegrator__marketplaceBottom strong {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
}
.vehicleIntegrator__marketplaceBottom div {
  color: #8ea3b8;
}
.vehicleIntegrator__marketplaceBottom strong {
  color: #20ffca;
  font-weight: 600;
}
.vehicleIntegrator__marketplaceBottom strong.vi-sync--off {
  color: #9db0c5;
}
.vi-webmotors-diagnostico {
  padding: 8px 10px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 10px;
  color: #8ea3b8;
}
.vi-webmotors-diagnostico p {
  margin: 0 0 4px;
}
.vi-webmotors-diagnostico p.ok {
  color: #20ffca;
}
.vi-webmotors-diagnostico p.erro {
  color: #ff6b6b;
}
.vi-webmotors-diagnostico pre {
  white-space: pre-wrap;
  word-break: break-all;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  padding: 6px 8px;
  margin: 0 0 8px;
  max-height: 220px;
  overflow-y: auto;
  color: #dce8f5;
}
.vehicleIntegrator__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
  gap: 6px 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.vehicleIntegrator__tabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.vehicleIntegrator__tabs button {
  height: 30px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  color: #9db0c5;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  transition: color 0.2s, border-color 0.2s;
}
.vehicleIntegrator__tabs button:hover, .vehicleIntegrator__tabs button.active {
  color: #22ffd1;
  border-color: rgba(34, 255, 209, 0.2);
}
.vehicleIntegrator__tabs button span {
  min-width: 17px;
  height: 17px;
  border-radius: 999px;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(34, 255, 209, 0.1);
  color: #22ffd1;
  font-size: 10px;
  font-weight: 700;
}
.vehicleIntegrator__tabs button span.error {
  background: rgba(255, 0, 80, 0.12);
  color: #ff5c7c;
}
.vehicleIntegrator__search {
  position: relative;
}
.vehicleIntegrator__search i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #7f93a8;
  font-size: 11px;
}
.vehicleIntegrator__search input {
  width: 240px;
  height: 30px;
  padding: 0 10px 0 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 11px;
  outline: none;
}
.vehicleIntegrator__search input::placeholder {
  color: #6b7f94;
  font-size: 10px;
}
.vehicleIntegrator__search input:focus {
  border-color: rgba(34, 255, 209, 0.25);
}
.vehicleIntegrator__msg {
  margin: 0 0 6px;
  font-size: 11px;
  color: #8ea3b8;
  min-height: 1.2em;
  flex-shrink: 0;
}
.vehicleIntegrator__listPanel {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(7, 18, 33, 0.92);
  overflow: hidden;
}
.vehicleIntegrator__tableWrapper {
  flex: 0 0 auto;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
.vehicleIntegrator__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  flex-shrink: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  flex-wrap: wrap;
}
.vehicleIntegrator__pagination button {
  min-width: 30px;
  height: 30px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #8ea4b8;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
}
.vehicleIntegrator__pagination button:hover:not(:disabled), .vehicleIntegrator__pagination button.active {
  background: rgba(34, 255, 209, 0.12);
  color: #22ffd1;
  border-color: rgba(34, 255, 209, 0.2);
}
.vehicleIntegrator__pagination button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.vehicleIntegrator__pageGap {
  color: #70839a;
  font-size: 12px;
  padding: 0 2px;
}
.vehicleIntegrator__table {
  width: 100%;
  min-width: 960px;
  border-collapse: collapse;
}
.vehicleIntegrator__table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 12px 14px;
  text-align: left;
  color: #7f93a8;
  font-size: 11px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
  background: rgba(7, 18, 33, 0.98);
}
.vehicleIntegrator__table tbody tr {
  transition: background 0.2s;
}
.vehicleIntegrator__table tbody tr:hover {
  background: rgba(255, 255, 255, 0.02);
}
.vehicleIntegrator__table tbody tr.vi-row--main td {
  border-bottom: none;
  padding-bottom: 6px;
}
.vehicleIntegrator__table tbody tr.vi-row--marketplace td {
  padding-top: 0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.vehicleIntegrator__table tbody tr.vi-row--main:hover,
.vehicleIntegrator__table tbody tr.vi-row--main:hover + tr.vi-row--marketplace,
.vehicleIntegrator__table tbody tr.vi-row--marketplace:hover {
  background: rgba(255, 255, 255, 0.02);
}
.vehicleIntegrator__table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #dce8f5;
  font-size: 12px;
  vertical-align: middle;
}
.vehicleIntegrator__table .vi-td-marketplace {
  padding-left: 14px;
}
.vehicleIntegrator__table .vi-marketplace-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.vehicleIntegrator__table .vi-marketplace-bar__links,
.vehicleIntegrator__table .vi-marketplace-bar__acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.vehicleIntegrator__table .vi-marketplace-bar__links .vi-link {
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(34, 255, 209, 0.22);
  background: rgba(34, 255, 209, 0.08);
  color: #22ffd1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.vehicleIntegrator__table .vi-marketplace-bar__links .vi-link:hover {
  border-color: rgba(34, 255, 209, 0.4);
  background: rgba(34, 255, 209, 0.12);
}
.vehicleIntegrator__table .vi-marketplace-bar__links .vi-link.vi-link--olx {
  border-color: rgba(107, 170, 255, 0.28);
  background: rgba(107, 170, 255, 0.1);
  color: #8ec5ff;
}
.vehicleIntegrator__table .vi-marketplace-bar__links .vi-link.vi-link--olx:hover {
  border-color: rgba(107, 170, 255, 0.45);
  background: rgba(107, 170, 255, 0.16);
}
.vehicleIntegrator__table .vi-marketplace-bar .publish.publish--olx {
  color: #8ec5ff;
  border-color: rgba(107, 170, 255, 0.22);
}
.vehicleIntegrator .vehicleInfo {
  display: flex;
  align-items: center;
  gap: 10px;
}
.vehicleIntegrator .vehicleInfo img {
  width: 64px;
  height: 44px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.04);
}
.vehicleIntegrator .vehicleInfo strong {
  display: block;
  margin-bottom: 2px;
  font-size: 13px;
}
.vehicleIntegrator .vehicleInfo span,
.vehicleIntegrator .vehicleInfo small {
  display: block;
  color: #7f93a8;
  font-size: 11px;
  margin-bottom: 2px;
}
.vehicleIntegrator .channels {
  display: flex;
  align-items: center;
  gap: 6px;
}
.vehicleIntegrator .channels img,
.vehicleIntegrator .channels .uaalMini,
.vehicleIntegrator .channels .olxMini {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  object-fit: contain;
  background: rgba(255, 255, 255, 0.04);
  display: block;
  padding: 2px;
  box-sizing: border-box;
}
.vehicleIntegrator .status {
  width: fit-content;
  max-width: 200px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1.3;
}
.vehicleIntegrator .status.published {
  background: rgba(0, 255, 170, 0.12);
  color: #20ffca;
}
.vehicleIntegrator .status.pending {
  background: rgba(255, 180, 0, 0.12);
  color: #ffcb47;
}
.vehicleIntegrator .status.draft {
  background: rgba(255, 255, 255, 0.06);
  color: #9db0c5;
}
.vehicleIntegrator .status.error {
  background: rgba(255, 0, 80, 0.12);
  color: #ff5c7c;
}
.vehicleIntegrator .tableActions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.vehicleIntegrator .tableActions button,
.vehicleIntegrator .tableActions a.vi-link {
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: #dce8f5;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: border-color 0.2s;
  white-space: nowrap;
}
.vehicleIntegrator .tableActions button:hover:not(:disabled),
.vehicleIntegrator .tableActions a.vi-link:hover:not(:disabled) {
  border-color: rgba(34, 255, 209, 0.2);
}
.vehicleIntegrator .tableActions button:disabled,
.vehicleIntegrator .tableActions a.vi-link:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vehicleIntegrator .tableActions button.sync,
.vehicleIntegrator .tableActions a.vi-link.sync {
  color: #22ffd1;
}
.vehicleIntegrator .tableActions button.publish,
.vehicleIntegrator .tableActions a.vi-link.publish {
  color: #22ffd1;
  border-color: rgba(34, 255, 209, 0.15);
}
.vehicleIntegrator .tableActions button.dots,
.vehicleIntegrator .tableActions a.vi-link.dots {
  width: 32px;
  padding: 0;
  justify-content: center;
}
.vehicleIntegrator__footerStats {
  padding: 7px 10px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px 8px;
  flex-shrink: 0;
  margin-bottom: 8px;
}
.vehicleIntegrator .stat {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.vehicleIntegrator .stat i,
.vehicleIntegrator .stat img {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(34, 255, 209, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #22ffd1;
  object-fit: contain;
  padding: 4px;
  font-size: 11px;
}
.vehicleIntegrator .stat span {
  display: block;
  margin-bottom: 0;
  color: #7f93a8;
  font-size: 9px;
  line-height: 1.25;
}
.vehicleIntegrator .stat strong {
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.15;
}
.vehicleIntegrator .stat.error i {
  color: #ff5c7c;
  background: rgba(255, 0, 80, 0.12);
}
.vehicleIntegrator .vi-btn {
  height: 28px;
  padding: 0 9px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #dce8f5;
  font-size: 10px;
  cursor: pointer;
}
.vehicleIntegrator .vi-btn--ghost:hover {
  border-color: rgba(34, 255, 209, 0.2);
  color: #22ffd1;
}
.vehicleIntegrator__empty {
  text-align: center;
  padding: 32px 16px !important;
  color: #7f93a8;
}
@media (max-width: 1200px) {
  .vehicleIntegrator__marketplaces {
    grid-template-columns: 1fr;
  }
  .vehicleIntegrator__footerStats {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .vehicleIntegrator {
    padding: 12px;
    min-height: calc(100vh - 56px);
    overflow: visible;
  }
  .vehicleIntegrator__filters {
    flex-direction: column;
    align-items: stretch;
  }
  .vehicleIntegrator__search input {
    width: 100%;
  }
  .vehicleIntegrator__footerStats {
    grid-template-columns: 1fr 1fr;
  }
  .vehicleIntegrator__tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 4px;
  }
}
@media (max-width: 520px) {
  .vehicleIntegrator__marketplaceInfo {
    flex-direction: column;
    align-items: flex-start;
  }
  .vehicleIntegrator__marketplaceBottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .vehicleIntegrator__footerStats {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .vehicleIntegrator__listPanel {
    border: none;
    background: transparent;
  }
  .vehicleIntegrator__tableWrapper {
    overflow: visible;
  }
  .vehicleIntegrator__table {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    table-layout: auto !important;
    border-collapse: separate;
    border-spacing: 0;
  }
  .vehicleIntegrator__table thead {
    display: none;
  }
  .vehicleIntegrator__table tbody {
    display: block;
    width: 100%;
  }
  .vehicleIntegrator__table tbody tr.vi-row {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  .vehicleIntegrator__table tbody tr.vi-row:last-child {
    margin-bottom: 0;
  }
  .vehicleIntegrator__table tbody tr.vi-row:hover {
    background: rgba(255, 255, 255, 0.04);
  }
  .vehicleIntegrator__table tbody tr.vi-row:hover td {
    background: transparent;
  }
  .vehicleIntegrator__table tbody tr.vi-row--main {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none !important;
    padding-bottom: 4px;
  }
  .vehicleIntegrator__table tbody tr.vi-row--marketplace {
    margin-top: 0;
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none !important;
    padding-top: 4px;
  }
  .vehicleIntegrator__table tbody tr.vi-row--marketplace:last-child {
    margin-bottom: 0;
  }
  .vehicleIntegrator__table tbody tr.vi-row--empty td {
    display: block;
    padding: 32px 16px !important;
    text-align: center;
  }
  .vehicleIntegrator__table tbody tr.vi-row--empty td::before {
    display: none;
  }
  .vehicleIntegrator__table tbody tr.vi-row td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    box-sizing: border-box;
    padding: 6px 0 !important;
    border: none !important;
    vertical-align: top;
    font-size: 12px !important;
    text-align: right;
    overflow: visible;
    word-break: break-word;
    white-space: normal;
  }
  .vehicleIntegrator__table tbody tr.vi-row td:not([data-label=""])::before {
    content: attr(data-label);
    flex: 0 0 96px;
    max-width: 40%;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7f93a7;
    line-height: 1.35;
    padding-top: 2px;
    text-align: left;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-veiculo {
    display: block;
    padding: 0 0 10px !important;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    text-align: left;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-veiculo::before {
    display: none;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-veiculo .vehicleInfo {
    width: 100%;
    min-width: 0;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-veiculo .vehicleInfo img {
    width: 72px;
    height: 50px;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-veiculo .vehicleInfo strong {
    font-size: 14px;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-canais,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-status {
    align-items: center;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-canais .channels,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-canais .status,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-status .channels,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-status .status {
    margin-left: auto;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace {
    display: block;
    padding: 8px 0 0 !important;
    text-align: left;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace::before {
    display: none;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace .vi-marketplace-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace .vi-marketplace-bar__links,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace .vi-marketplace-bar__acoes {
    width: 100%;
  }
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace .vi-marketplace-bar__links .vi-link,
  .vehicleIntegrator__table tbody tr.vi-row td.vi-td-marketplace .vi-marketplace-bar__acoes button {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 44px;
  }
}

.map-site ul li {
  margin-bottom: 10px;
}
.map-site ul li i {
  color: #e19418;
}
.map-site ul li a {
  color: #000;
  text-transform: uppercase;
  font-size: 0.9em;
}
.map-site ul li a:hover {
  color: #e89a1e;
  padding-left: 5px;
}

.politica-de-privacidade h2 {
  margin-top: 15px;
}

.lgpd {
  position: fixed;
  bottom: 4%;
  left: 2%;
  max-width: 360px;
  padding: 1rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  z-index: 9999;
}
.lgpd .title {
  font-weight: 600;
  color: rgb(31, 41, 55);
}
.lgpd .description {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(75, 85, 99);
}
.lgpd .description a {
  color: rgb(59, 130, 246);
}
.lgpd .description a:hover {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
}
.lgpd .actions {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 1rem;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  flex-shrink: 0;
}
.lgpd .actions .pref {
  font-size: 0.75rem;
  line-height: 1rem;
  color: rgb(31, 41, 55);
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  background-color: transparent;
}
.lgpd .actions .pref:hover {
  color: rgb(156, 163, 175);
}
.lgpd .actions .pref:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.lgpd .actions .accept {
  font-size: 0.75rem;
  line-height: 1rem;
  background-color: rgb(17, 24, 39);
  font-weight: 500;
  border-radius: 0.5rem;
  color: #fff;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  cursor: pointer;
  border: none;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}
.lgpd .actions .accept:hover {
  background-color: rgb(55, 65, 81);
}
.lgpd .actions .accept:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

body.legal-page {
  margin: 0;
  min-height: 100vh;
  font-family: "Inter", "Poppins", sans-serif;
  color: #e2e8f0;
  background: radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 35%), #020b16;
  line-height: 1.6;
}

.legal-shell {
  max-width: 820px;
  margin: 0 auto;
  padding: 28px 20px 48px;
}

.legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: #fff;
}
.legal-brand img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: contain;
}
.legal-brand span {
  font-family: "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.legal-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #94a3b8;
  font-size: 0.82rem;
  font-weight: 500;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.legal-back:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
}

.legal-intro {
  margin-bottom: 22px;
}
.legal-intro h1 {
  margin: 0 0 8px;
  font-family: "Poppins", sans-serif;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
}
.legal-intro p {
  margin: 0;
  font-size: 0.9rem;
  color: #94a3b8;
  max-width: 56ch;
}

.legal-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}

.legal-tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #94a3b8;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.legal-tab:hover {
  border-color: rgba(56, 211, 159, 0.25);
  color: #dce8f5;
}
.legal-tab--ativo {
  background: rgba(56, 211, 159, 0.1);
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
}

.legal-panel {
  background: rgba(12, 19, 28, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px 22px 28px;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
}
.legal-panel[hidden] {
  display: none !important;
}
.legal-panel h2 {
  margin: 0 0 6px;
  font-family: "Poppins", sans-serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: #fff;
}
.legal-panel .legal-updated {
  margin: 0 0 20px;
  font-size: 0.78rem;
  color: #94a3b8;
}
.legal-panel h3 {
  margin: 22px 0 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #f1f5f9;
}
.legal-panel p,
.legal-panel li {
  font-size: 0.88rem;
  color: #cbd5e1;
}
.legal-panel p {
  margin: 0 0 12px;
}
.legal-panel ul,
.legal-panel ol {
  margin: 0 0 14px;
  padding-left: 1.25rem;
}
.legal-panel li {
  margin-bottom: 6px;
}
.legal-panel a {
  color: #38d39f;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-panel a:hover {
  color: #5eecc0;
}

.legal-footer {
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  text-align: center;
  font-size: 0.78rem;
  color: #94a3b8;
}

@media (max-width: 600px) {
  .legal-shell {
    padding: 20px 16px 36px;
  }
  .legal-panel {
    padding: 18px 16px 22px;
  }
}
.cadastro-container {
  width: calc(100% - 120px);
  max-width: 1400px;
  height: auto;
  min-height: 400px;
  margin: 0;
  margin-left: 60px;
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(21, 21, 21, 0.15), 0 8px 25px rgba(21, 21, 21, 0.12), 0 3px 10px rgba(21, 21, 21, 0.08);
  padding: 32px;
  overflow: visible;
  transition: background 0.3s ease;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .cadastro-container {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    height: auto;
    min-height: auto;
    max-height: none;
  }
}

.cadastro-header-principal {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
  gap: 24px;
}
.cadastro-header-principal .cadastro-btn-novo {
  flex-shrink: 0;
  margin-top: 4px;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .cadastro-header-principal {
    flex-direction: column;
    align-items: stretch;
  }
  .cadastro-header-principal .cadastro-btn-novo {
    align-self: flex-end;
  }
}

.cadastro-header-titulo {
  flex: 1;
}

.cadastro-titulo-principal {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: var(--texto-principal);
  margin: 0 0 8px 0;
  transition: color 0.3s ease;
}
@media screen and (max-width: 900px) {
  .cadastro-titulo-principal {
    font-size: 1.6rem;
  }
}

.cadastro-subtitulo {
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  margin: 0;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.cadastro-view {
  height: auto;
}

.cadastro-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.cadastro-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--texto-principal);
  transition: color 0.3s ease;
}

.cadastro-btn-novo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #38d39f;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}
.cadastro-btn-novo::before {
  content: "";
  position: absolute;
  inset: -8px -12px;
  border: 2px solid #38d39f;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: scale(0.95);
}
.cadastro-btn-novo i {
  font-size: 16px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(56, 211, 159, 0.1);
  border-radius: 8px;
  transition: all 0.3s ease;
}
.cadastro-btn-novo span {
  position: relative;
  z-index: 1;
}
.cadastro-btn-novo:hover {
  color: #32be8f;
}
.cadastro-btn-novo:hover::before {
  opacity: 1;
  transform: scale(1);
}
.cadastro-btn-novo:hover i {
  background: rgba(56, 211, 159, 0.2);
  transform: rotate(90deg);
}
.cadastro-btn-novo:active {
  transform: scale(0.98);
}

.cadastro-btn-voltar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: none;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}
.cadastro-btn-voltar i {
  font-size: 14px;
}

.cadastro-btn-voltar {
  background: var(--fundo-formulario);
  color: var(--texto-secundario);
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.08);
}
.cadastro-btn-voltar:hover {
  color: #38d39f;
}

.cadastro-msg-erro {
  color: #dc3545;
  font-size: 0.85rem;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
}

.cadastro-msg-sucesso {
  color: #38d39f;
  font-size: 0.85rem;
  margin-bottom: 12px;
  font-family: "Poppins", sans-serif;
}

.cadastro-tabela-wrapper {
  background: var(--fundo-formulario);
  border-radius: 14px;
  box-shadow: 0 4px 20px rgba(21, 21, 21, 0.08);
  overflow: hidden;
  transition: background 0.3s ease;
}

.cadastro-tabela {
  width: 100%;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
}
.cadastro-tabela thead {
  background: rgba(56, 211, 159, 0.08);
}
.cadastro-tabela th {
  text-align: left;
  padding: 14px 20px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #38d39f;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.cadastro-tabela td {
  padding: 14px 20px;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  border-top: 1px solid var(--cor-borda);
  transition: color 0.3s ease, border-color 0.3s ease;
}
.cadastro-tabela tr:hover td {
  background: rgba(56, 211, 159, 0.03);
}

.cadastro-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
}
.cadastro-badge--admin {
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
}
.cadastro-badge--vendedor {
  background: rgba(232, 154, 30, 0.12);
  color: #e19418;
}

.cadastro-tabela-col-leads {
  text-align: center;
  white-space: nowrap;
}

.cadastro-tabela td.cadastro-tabela-col-leads {
  text-align: center;
  vertical-align: middle;
}

.cadastro-tabela th:last-child,
.cadastro-tabela td:last-child {
  text-align: center;
  vertical-align: middle;
}

/** Toggle compacto na listagem de usuários (só o slider). */
.cadastro-toggle--tabela {
  display: inline-flex;
  position: relative;
  width: auto;
  padding: 6px 8px;
  margin: 0 auto;
  justify-content: center;
}
.cadastro-toggle--tabela .cadastro-toggle-label--sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cadastro-acoes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.cadastro-btn-acao {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  border-radius: 8px;
  padding: 8px 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.cadastro-btn-acao:hover {
  transform: translateY(-1px);
  opacity: 0.95;
}
.cadastro-btn-acao i {
  font-size: 0.78rem;
}

.cadastro-btn-acao--edit {
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
}

.cadastro-btn-acao--delete {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

.cadastro-vazio {
  text-align: center;
  padding: 40px 20px;
  color: var(--texto-terciario);
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
}

.cadastro-form-card {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  transition: background 0.3s ease;
}

.cadastro-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
  .cadastro-form-grid {
    grid-template-columns: 1fr;
  }
}

.cadastro-prompts-grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 28px;
}

.cadastro-campo--full {
  grid-column: 1/-1;
}

.cadastro-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cadastro-campo label {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: color 0.3s ease;
}
.cadastro-campo input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.cadastro-campo select,
.cadastro-campo textarea {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid var(--cor-borda);
  border-radius: 10px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
}
.cadastro-campo input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,
.cadastro-campo select:focus,
.cadastro-campo textarea:focus {
  border-color: #38d39f;
}
.cadastro-campo input[type=checkbox],
.cadastro-campo input[type=radio] {
  width: auto;
  max-width: none;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  accent-color: #38d39f;
}
.cadastro-campo textarea {
  resize: vertical;
  min-height: 100px;
}
.cadastro-campo select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2338d39f' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  padding-right: 40px;
  transition: border-color 0.3s ease, background-image 0.3s ease;
}
.cadastro-campo select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2332be8f' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
}
.cadastro-campo select option {
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  padding: 10px;
}

.cadastro-permissoes {
  margin-bottom: 28px;
}

.cadastro-permissoes-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--texto-principal);
  margin-bottom: 16px;
  transition: color 0.3s ease;
}

.cadastro-permissoes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}

.cadastro-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease, background 0.3s ease;
}
.cadastro-toggle:hover {
  border-color: #38d39f;
}
.cadastro-toggle input[type=checkbox] {
  display: none;
}
.cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider {
  background: #38d39f;
}
.cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider::after {
  transform: translateX(18px);
}
.cadastro-toggle input[type=checkbox]:checked ~ .cadastro-toggle-label {
  color: var(--texto-principal);
}

.cadastro-toggle-slider {
  width: 40px;
  height: 22px;
  background: var(--cor-borda);
  border-radius: 11px;
  position: relative;
  flex-shrink: 0;
  transition: background 0.3s ease;
}
.cadastro-toggle-slider::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.cadastro-toggle-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-terciario);
  transition: color 0.3s ease;
}

.cadastro-form-card form {
  display: flex;
  flex-direction: column;
}

.cadastro-btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  max-width: 280px;
  padding: 14px 24px;
  border: none;
  border-radius: 12px;
  background-image: linear-gradient(to right, #32be8f, #38d39f, #32be8f);
  background-size: 200%;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-position 0.5s ease;
  align-self: flex-end;
  margin-left: auto;
  margin-top: 8px;
}
.cadastro-btn-submit:hover {
  background-position: right;
}

.cadastro-btn-submit--danger {
  background-image: none;
  background-color: #dc3545;
}
.cadastro-btn-submit--danger:hover {
  background-color: #c82333;
}

.cadastro-modal-box--confirm .cadastro-modal-desc--confirm {
  margin: 0 0 20px;
  line-height: 1.5;
}

.cadastro-modal-box--confirm .cadastro-modal-actions {
  margin-top: 0;
}

.cadastro-tabs {
  margin-bottom: 8px;
}

.cadastro-tabs-nav {
  display: flex;
  gap: 8px;
  padding: 6px;
  margin-bottom: 20px;
  border-radius: 14px;
  background: rgba(21, 21, 21, 0.06);
  border: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease, background 0.3s ease;
}

.cadastro-tab {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border: none;
  border-radius: 10px;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.cadastro-tab i {
  font-size: 0.95rem;
  opacity: 0.85;
}
.cadastro-tab:hover:not(.is-active) {
  color: var(--texto-secundario);
  background: rgba(255, 255, 255, 0.4);
}
.cadastro-tab.is-active {
  color: #32be8f;
  background: var(--fundo-formulario);
  box-shadow: 0 2px 12px rgba(21, 21, 21, 0.1);
}

.cadastro-tab-panels {
  min-height: 120px;
}

.cadastro-tab-panel {
  display: none;
}
.cadastro-tab-panel.is-active {
  display: block;
  animation: cadastroTabIn 0.22s ease;
}

@keyframes cadastroTabIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cadastro-perm-empty {
  text-align: center;
  padding: 36px 24px 28px;
  border-radius: 14px;
  border: 1px dashed var(--cor-borda);
  background: rgba(21, 21, 21, 0.04);
  transition: border-color 0.3s ease, background 0.3s ease;
}

.cadastro-perm-empty-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  font-size: 1.25rem;
}

.cadastro-perm-empty-title {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--texto-principal);
  margin: 0 0 8px;
}

.cadastro-perm-empty-text {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  line-height: 1.55;
  margin: 0;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.cadastro-perm-wrap {
  padding: 4px 0 8px;
}

.cadastro-perm-hint {
  font-family: "Poppins", sans-serif;
  font-size: 0.84rem;
  color: var(--texto-secundario);
  line-height: 1.5;
  margin: 0 0 16px;
}
.cadastro-perm-hint strong {
  color: var(--texto-principal);
  font-weight: 600;
}

.cadastro-perm-lead {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin: 0 0 20px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.07) 0%, rgba(21, 21, 21, 0.04) 100%);
  transition: border-color 0.3s ease;
}

.cadastro-perm-lead-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--fundo-formulario);
  color: #38d39f;
  font-size: 1.1rem;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.08);
}

.cadastro-perm-lead-inner {
  flex: 1;
  min-width: 0;
}

.cadastro-perm-lead-title {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--texto-principal);
  margin: 0 0 6px;
  letter-spacing: -0.01em;
}

.cadastro-perm-lead-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.84rem;
  color: var(--texto-secundario);
  line-height: 1.55;
  margin: 0;
}

.cadastro-perm-lead-desc strong {
  color: #32be8f;
  font-weight: 600;
}

@media screen and (max-width: 480px) {
  .cadastro-perm-lead {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .cadastro-perm-lead-inner {
    text-align: center;
  }
}
.cadastro-perm-subtabs {
  margin-top: 0;
}

.cadastro-perm-subtabs-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0;
  margin-bottom: 0;
  padding: 0;
  border-bottom: 2px solid var(--cor-borda);
  background: transparent;
  border-radius: 0;
}

.cadastro-perm-subtab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: -2px;
  padding: 10px 18px 12px;
  border: none;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.cadastro-perm-subtab i {
  font-size: 0.88rem;
  opacity: 0.75;
}
.cadastro-perm-subtab:hover {
  color: var(--texto-principal);
}
.cadastro-perm-subtab:hover i {
  opacity: 0.95;
}
.cadastro-perm-subtab.is-active {
  color: #32be8f;
  font-weight: 700;
  border-bottom-color: #38d39f;
}
.cadastro-perm-subtab.is-active i {
  color: #38d39f;
  opacity: 1;
}

.cadastro-perm-subpanels {
  position: relative;
}

.cadastro-perm-subpanel {
  display: none;
  padding-top: 16px;
}
.cadastro-perm-subpanel.is-active {
  display: block;
  animation: cadastroTabIn 0.22s ease;
}

.cadastro-perm-secao-titulo--subpanel-top {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.cadastro-perm-ver-bloco {
  margin-bottom: 18px;
  padding: 16px 18px;
  border-radius: 14px;
  border: 2px solid rgba(56, 211, 159, 0.32);
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.08) 0%, rgba(21, 21, 21, 0.03) 100%);
}

.cadastro-perm-ver-bloco-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #32be8f;
  margin: 0 0 12px;
}

.cadastro-perm-secao-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--texto-terciario);
  margin: 0 0 12px;
  padding-top: 16px;
  border-top: 1px solid var(--cor-borda);
}

.cadastro-perm-grupos {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.cadastro-perm-grupo {
  margin: 0;
}
.cadastro-perm-grupo--separado {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid var(--cor-borda);
}

.cadastro-perm-grupo-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--texto-terciario);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.cadastro-perm-grupo-titulo i {
  color: #38d39f;
  font-size: 1rem;
  text-transform: none;
  opacity: 0.95;
}

.cadastro-perm-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cadastro-perm-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  cursor: pointer;
  transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.cadastro-perm-item:hover {
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 4px 14px rgba(21, 21, 21, 0.08);
}
.cadastro-perm-item--title-only {
  padding: 12px 16px;
}
.cadastro-perm-item--title-only .cadastro-perm-text {
  gap: 0;
}
.cadastro-perm-item--title-only .cadastro-perm-title {
  line-height: 1.35;
}

.cadastro-perm-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
}

.cadastro-perm-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(21, 21, 21, 0.08);
  color: var(--texto-terciario);
  font-size: 1rem;
  transition: background 0.25s ease, color 0.25s ease;
}

.cadastro-perm-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cadastro-perm-title {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.92rem;
  color: var(--texto-principal);
  transition: color 0.3s ease;
}

.cadastro-perm-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  color: var(--texto-terciario);
  line-height: 1.4;
  transition: color 0.3s ease;
}

.cadastro-perm-track {
  flex-shrink: 0;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  background: var(--cor-borda);
  position: relative;
  transition: background 0.25s ease;
}

.cadastro-perm-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transition: transform 0.25s ease;
}

.cadastro-perm-input:checked ~ .cadastro-perm-icon {
  background: rgba(56, 211, 159, 0.15);
  color: #38d39f;
}

.cadastro-perm-input:checked ~ .cadastro-perm-text .cadastro-perm-title {
  color: #32be8f;
}

.cadastro-perm-input:checked ~ .cadastro-perm-text .cadastro-perm-desc {
  color: var(--texto-secundario);
}

.cadastro-perm-input:checked ~ .cadastro-perm-track {
  background: #38d39f;
}

.cadastro-perm-input:checked ~ .cadastro-perm-track .cadastro-perm-thumb {
  transform: translateX(20px);
}

.cadastro-perm-input:focus-visible ~ .cadastro-perm-track {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}

.dash-main:has(.users-management) {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  background: #07111f;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .dash-main:has(.users-management) {
    margin-top: 56px !important;
  }
}

.users-management {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  padding: 20px 16px 20px;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 22%), #07111f;
  font-family: "Inter", sans-serif;
}
.users-management .users-container {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
}
.users-management .users-page-head {
  margin-bottom: 14px;
}
.users-management .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.users-management .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.users-management .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.users-management .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.users-management .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.users-management .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.users-management .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.users-management .inventory-btn-novo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  flex-shrink: 0;
  transition: border-color 0.2s ease, background 0.2s ease;
  cursor: pointer;
  font-family: inherit;
}
.users-management .inventory-btn-novo__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.users-management .inventory-btn-novo__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  text-align: left;
}
.users-management .inventory-btn-novo__label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #f1f5f9;
  line-height: 1.2;
}
.users-management .inventory-btn-novo__hint {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.68rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.2;
}
.users-management .inventory-btn-novo:hover {
  border-color: rgba(0, 229, 176, 0.28);
  background: rgba(255, 255, 255, 0.05);
}
.users-management .inventory-btn-novo:hover .inventory-btn-novo__icon {
  background: rgba(0, 229, 176, 0.2);
}
.users-management .inventory-btn-novo:hover .inventory-btn-novo__hint {
  color: #94a3b8;
}
@media (max-width: 640px) {
  .users-management .crmConfigTopbar {
    flex-direction: column;
    align-items: stretch;
  }
  .users-management .inventory-btn-novo {
    align-self: flex-end;
  }
}
.users-management .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 1100px) {
  .users-management .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 650px) {
  .users-management .stats-grid {
    grid-template-columns: 1fr;
  }
}
.users-management .stat-card {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(14, 26, 45, 0.98) 0%, rgb(8, 16, 29) 100%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  display: flex;
  align-items: center;
  gap: 12px;
}
.users-management .stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.users-management .stat-icon.green {
  background: rgba(36, 242, 192, 0.12);
  color: #24f2c0;
}
.users-management .stat-icon.blue {
  background: rgba(75, 125, 255, 0.12);
  color: #5e8fff;
}
.users-management .stat-icon.teal {
  background: rgba(0, 255, 213, 0.12);
  color: #3ef5d0;
}
.users-management .stat-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.users-management .stat-info span {
  color: #8ca4bc;
  font-size: 12px;
}
.users-management .stat-info strong {
  color: white;
  font-size: 24px;
  line-height: 1.1;
}
.users-management .stat-info small {
  color: #24f2c0;
  font-size: 11px;
  font-weight: 600;
}
.users-management .mini-chart {
  margin-left: auto;
  width: 48px;
  height: 48px;
  position: relative;
  flex-shrink: 0;
}
.users-management .mini-chart::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(36, 242, 192, 0.25), transparent);
  clip-path: polygon(0 80%, 20% 60%, 35% 65%, 50% 30%, 70% 45%, 85% 10%, 100% 0, 100% 100%, 0 100%);
}
.users-management .progress-ring {
  margin-left: auto;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 4px solid rgba(255, 255, 255, 0.08);
  position: relative;
  flex-shrink: 0;
}
.users-management .progress-ring span {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 4px solid #24f2c0;
  border-right-color: transparent;
  border-bottom-color: transparent;
  transform: rotate(35deg);
}
.users-management .table-card {
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(14, 26, 45, 0.98) 0%, rgb(8, 16, 29) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.users-management .table-filters {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
@media (max-width: 1200px) {
  .users-management .table-filters {
    flex-direction: column;
  }
}
.users-management .search-box {
  flex: 1;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  align-items: center;
  padding: 0 14px;
  gap: 10px;
}
.users-management .search-box i {
  color: #6f879f;
  font-size: 13px;
}
.users-management .search-box input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: none;
  color: white;
  font-size: 13px;
  font-family: inherit;
}
.users-management .search-box input::placeholder {
  color: #6f879f;
}
.users-management .filters-right {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-end;
}
.users-management .filter-select {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.users-management .filter-select span {
  font-size: 11px;
  color: #8da5bc;
}
.users-management .filter-select select {
  height: 44px;
  min-width: 120px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: white;
  padding: 0 32px 0 12px;
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238da5bc' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.users-management .filter-select select option {
  background: #0e1a2d;
  color: #fff;
}
.users-management .clear-btn {
  height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: #c4d3e2;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
}
.users-management .clear-btn i {
  font-size: 12px;
}
.users-management .clear-btn:hover {
  border-color: rgba(36, 242, 192, 0.25);
  color: #fff;
}
.users-management .lista-msg {
  color: #ff6b6b;
  font-size: 12px;
  margin: 0 0 10px;
}
.users-management .table-wrapper,
.users-management .users-tabela-wrap {
  width: 100%;
  overflow-x: auto;
}
.users-management .users-tabela,
.users-management table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
}
.users-management .users-tabela thead,
.users-management table thead {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.users-management .users-tabela thead th,
.users-management table thead th {
  text-align: left;
  padding: 10px 10px;
  color: #24f2c0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.users-management .users-tabela tbody tr,
.users-management table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.users-management .users-tabela tbody tr:hover,
.users-management table tbody tr:hover {
  background: rgba(255, 255, 255, 0.015);
}
.users-management .users-tabela tbody tr td,
.users-management table tbody tr td {
  padding: 10px 10px;
  color: #d6e3f1;
  font-size: 13px;
  vertical-align: middle;
}
.users-management .lista-vazio {
  text-align: center;
  padding: 32px 16px;
  color: #8ca4bc;
  font-size: 13px;
  margin: 0;
}
.users-management .user-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.users-management .user-info strong {
  display: block;
  color: white;
  margin-bottom: 2px;
  font-size: 13px;
}
.users-management .user-info span.status-ativo {
  color: #24f2c0;
  font-size: 11px;
}
.users-management .user-info span.status-inativo {
  color: #8ca4bc;
  font-size: 11px;
}
.users-management .avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 11px;
  flex-shrink: 0;
}
.users-management .avatar.green {
  background: linear-gradient(135deg, #23c98e, #178f67);
}
.users-management .avatar.blue {
  background: linear-gradient(135deg, #4f8dff, #3a62d6);
}
.users-management .avatar.purple {
  background: linear-gradient(135deg, #9b6dff, #6b4fd6);
}
.users-management .role {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}
.users-management .role.yellow {
  background: rgba(255, 180, 0, 0.12);
  color: #ffb300;
}
.users-management .role.blue {
  background: rgba(79, 141, 255, 0.12);
  color: #5d9bff;
}
.users-management .role.green {
  background: rgba(36, 242, 192, 0.12);
  color: #24f2c0;
}
.users-management .role.orange {
  background: rgba(245, 158, 11, 0.14);
  color: #f59e0b;
}
.users-management .leads-na {
  color: #6f879f;
  font-size: 13px;
}
.users-management .switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
.users-management .switch input {
  display: none;
}
.users-management .switch input:disabled + span {
  opacity: 0.45;
  cursor: not-allowed;
}
.users-management .switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  transition: 0.3s;
  cursor: pointer;
}
.users-management .switch span::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: white;
  transition: 0.3s;
}
.users-management .switch input:checked + span {
  background: #24f2c0;
}
.users-management .switch input:checked + span::before {
  transform: translateX(20px);
}
.users-management .actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.users-management .actions button {
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: inherit;
  white-space: nowrap;
}
.users-management .actions button i {
  font-size: 11px;
}
.users-management .actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.users-management .actions .edit {
  background: rgba(36, 242, 192, 0.12);
  color: #24f2c0;
}
.users-management .actions .permission {
  background: rgba(80, 140, 255, 0.12);
  color: #5f95ff;
}
.users-management .actions .delete {
  background: rgba(255, 70, 70, 0.12);
  color: #ff5d5d;
}
.users-management .table-footer {
  margin-top: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.users-management .table-footer p {
  color: #8ca3bb;
  font-size: 12px;
  margin: 0;
}
.users-management .pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}
.users-management .pagination button,
.users-management .pagination span.ellipsis {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  color: #d4e1ee;
  cursor: pointer;
  font-family: inherit;
  font-size: 12px;
  padding: 0;
}
.users-management .pagination button:disabled,
.users-management .pagination span.ellipsis:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.users-management .pagination button.active,
.users-management .pagination span.ellipsis.active {
  background: #24f2c0;
  color: #04121d;
  font-weight: 700;
}
.users-management .pagination span.ellipsis {
  cursor: default;
  border: none;
  background: transparent;
  width: auto;
  min-width: 20px;
}
.users-management .page-count {
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: #d3e0ed;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
  appearance: none;
  padding-right: 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238da5bc' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.users-management .page-count option {
  background: #0e1a2d;
}
@media (max-width: 767px) {
  .users-management {
    padding: 12px 12px 20px;
  }
  .users-management .table-card {
    padding: 12px;
  }
  .users-management .table-filters {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: 100%;
  }
  .users-management .search-box {
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 12px 14px;
    gap: 12px;
  }
  .users-management .search-box i {
    font-size: 15px;
    flex-shrink: 0;
  }
  .users-management .search-box input {
    width: 100%;
    min-width: 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .users-management .filters-right {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .users-management .filter-select {
    width: 100%;
  }
  .users-management .filter-select span {
    font-size: 12px;
    margin-bottom: 2px;
  }
  .users-management .filter-select select {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    height: auto;
    font-size: 14px;
    padding: 12px 36px 12px 12px;
  }
  .users-management .clear-btn {
    width: 100%;
    min-height: 48px;
    height: auto;
    justify-content: center;
    font-size: 13px;
    padding: 12px 14px;
  }
  .users-management .users-tabela-wrap {
    overflow: visible;
    border: none;
    background: transparent;
  }
  .users-management .users-tabela {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    table-layout: auto !important;
    border-collapse: separate;
    border-spacing: 0;
  }
  .users-management .users-tabela thead {
    display: none;
  }
  .users-management .users-tabela tbody {
    display: block;
    width: 100%;
  }
  .users-management .users-tabela tbody tr.users-row {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  .users-management .users-tabela tbody tr.users-row:last-child {
    margin-bottom: 0;
  }
  .users-management .users-tabela tbody tr.users-row:hover {
    background: rgba(255, 255, 255, 0.04);
  }
  .users-management .users-tabela tbody tr.users-row:hover td {
    background: transparent;
  }
  .users-management .users-tabela tbody tr.users-row td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    min-width: 0 !important;
    box-sizing: border-box;
    padding: 6px 0 !important;
    border: none !important;
    vertical-align: top;
    font-size: 12px !important;
    text-align: right;
    overflow: visible;
    word-break: break-word;
    white-space: normal;
  }
  .users-management .users-tabela tbody tr.users-row td:not([data-label=""])::before {
    content: attr(data-label);
    flex: 0 0 96px;
    max-width: 40%;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7f93a7;
    line-height: 1.35;
    padding-top: 2px;
    text-align: left;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario {
    display: block;
    padding: 0 0 10px !important;
    margin-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    text-align: left;
    font-size: 14px !important;
    font-weight: 600;
    color: #e2e8f0;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario::before {
    display: none;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info {
    width: 100%;
    min-width: 0;
    display: block;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info .avatar {
    display: none;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info > div {
    width: 100%;
    min-width: 0;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info strong {
    display: block;
    font-size: 15px;
    line-height: 1.35;
    margin-bottom: 4px;
    word-break: break-word;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info span.status-ativo,
  .users-management .users-tabela tbody tr.users-row td.users-td-usuario .user-info span.status-inativo {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    line-height: 1.3;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-leads {
    align-items: center;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-leads::before {
    align-self: center;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-acoes {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-top: 4px;
    text-align: left;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-acoes::before {
    flex-basis: auto;
    max-width: none;
    margin-bottom: 2px;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-acoes .actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .users-management .users-tabela tbody tr.users-row td.users-td-acoes .actions button {
    width: 100%;
    justify-content: center;
    min-height: 44px;
    font-size: 12px;
    white-space: normal;
  }
  .users-management .table-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .users-management .pagination {
    flex-wrap: wrap;
    justify-content: center;
  }
  .users-management .page-count {
    width: 100%;
  }
}
.users-management.formulario-ativo .stats-grid,
.users-management.formulario-ativo #viewLista .table-card {
  display: none;
}
.users-management.formulario-ativo .inventory-btn-novo__icon {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
.users-management .cadastro-form-wrap .cadastro-msg-erro {
  color: #ff6b6b;
  font-size: 12px;
  margin-bottom: 10px;
}
.users-management .cadastro-form-wrap .cadastro-msg-sucesso {
  color: #24f2c0;
  font-size: 12px;
  margin-bottom: 10px;
}
.users-management .cadastro-form-wrap .cadastro-tabs-nav {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  margin-bottom: 14px;
  padding: 4px;
}
.users-management .cadastro-form-wrap .cadastro-tab {
  color: #8ca4bc;
  padding: 8px 12px;
  font-size: 13px;
}
.users-management .cadastro-form-wrap .cadastro-tab.is-active {
  color: #24f2c0;
  background: rgba(36, 242, 192, 0.08);
  box-shadow: none;
}
.users-management .cadastro-form-wrap .cadastro-campo label {
  color: #8da5bc;
  font-size: 11px;
}
.users-management .cadastro-form-wrap .cadastro-campo input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.users-management .cadastro-form-wrap .cadastro-campo select,
.users-management .cadastro-form-wrap .cadastro-campo textarea {
  border-color: rgba(255, 255, 255, 0.1);
  color: #e8f1fa;
  background: rgba(255, 255, 255, 0.03);
  padding: 10px 12px;
  font-size: 13px;
}
.users-management .cadastro-form-wrap .cadastro-campo input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,
.users-management .cadastro-form-wrap .cadastro-campo select:focus,
.users-management .cadastro-form-wrap .cadastro-campo textarea:focus {
  border-color: #24f2c0;
}
.users-management .cadastro-form-wrap .cadastro-form-grid {
  gap: 14px;
  margin-bottom: 18px;
}
.users-management .cadastro-form-wrap .cadastro-campo select option {
  background: #0e1a2d;
  color: #fff;
}
.users-management .cadastro-form-wrap .cadastro-toggle {
  border-color: rgba(255, 255, 255, 0.1);
  padding: 8px 12px;
}
.users-management .cadastro-form-wrap .cadastro-toggle-label,
.users-management .cadastro-form-wrap .cadastro-perm-hint,
.users-management .cadastro-form-wrap .cadastro-perm-empty-text,
.users-management .cadastro-form-wrap .cadastro-perm-desc {
  color: #91a8be;
  font-size: 12px;
}
.users-management .cadastro-form-wrap .cadastro-perm-empty-title,
.users-management .cadastro-form-wrap .cadastro-perm-title,
.users-management .cadastro-form-wrap .cadastro-perm-empty-text strong,
.users-management .cadastro-form-wrap .cadastro-perm-hint strong {
  color: #e8f1fa;
}
.users-management .cadastro-form-wrap .cadastro-perm-empty {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.02);
  padding: 24px 16px;
}
.users-management .cadastro-form-wrap .cadastro-perm-item {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  padding: 10px 12px;
}
.users-management .cadastro-form-wrap .cadastro-perm-subtabs-nav {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
.users-management .cadastro-form-wrap .cadastro-perm-subtab {
  color: #8ca4bc;
  font-size: 12px;
  padding: 8px 14px 10px;
}
.users-management .cadastro-form-wrap .cadastro-perm-subtab.is-active {
  color: #24f2c0;
  border-bottom-color: #24f2c0;
}
.users-management .cadastro-form-wrap .cadastro-perm-ver-bloco {
  border-color: rgba(36, 242, 192, 0.25);
  background: rgba(36, 242, 192, 0.06);
  padding: 12px 14px;
}
.users-management .cadastro-form-wrap .cadastro-btn-submit {
  background-image: linear-gradient(135deg, #17dcb0, #24f2c0);
  background-size: 100%;
  color: #04121d;
  padding: 10px 18px;
  font-size: 13px;
  max-width: 240px;
}

.prompts-container {
  width: 100%;
  max-width: 1300px;
  min-height: 80vh;
  margin: 24px auto 0;
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(21, 21, 21, 0.15), 0 8px 25px rgba(21, 21, 21, 0.12), 0 3px 10px rgba(21, 21, 21, 0.08);
  display: grid;
  grid-template-columns: 35% 1fr;
  overflow: hidden;
  transition: background 0.3s ease;
  box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .prompts-container {
    grid-template-columns: 1fr;
    width: calc(100% - 32px);
    margin: 24px auto 0;
  }
}

.prompts-robot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(56, 211, 159, 0.06);
}
.prompts-robot i {
  font-size: 6rem;
  color: #38d39f;
  opacity: 0.6;
}
@media screen and (max-width: 992px) {
  .prompts-robot {
    padding: 20px;
  }
  .prompts-robot i {
    font-size: 4rem;
  }
}

.prompts-content {
  display: flex;
  flex-direction: column;
  padding: 32px;
  min-height: 0;
  overflow-y: auto;
  box-sizing: border-box;
}
.prompts-content #formPrompts {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media screen and (max-width: 768px) {
  .prompts-content {
    padding: 24px;
  }
}

.prompts-header {
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cor-borda);
}

.prompts-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: var(--texto-principal);
  margin: 0 0 4px 0;
  transition: color 0.3s ease;
}

.prompts-descricao {
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  margin: 0;
  line-height: 1.5;
  transition: color 0.3s ease;
}

.prompts-msg {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  margin: 12px 0 0 0;
}
.prompts-msg:empty {
  display: none;
}
.prompts-msg--erro {
  color: #dc3545;
}
.prompts-msg--sucesso {
  color: #38d39f;
}

.prompts-tabs {
  display: flex;
  border-bottom: 2px solid var(--cor-borda);
  margin-bottom: 0;
  gap: 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .prompts-tabs {
    flex-wrap: wrap;
  }
}

.prompts-tab {
  padding: 10px 14px;
  border: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: fit-content;
}
.prompts-tab:hover {
  color: var(--texto-secundario);
}
.prompts-tab--active {
  color: #38d39f;
  border-bottom-color: #38d39f;
}
@media screen and (max-width: 768px) {
  .prompts-tab {
    padding: 8px 12px;
    font-size: 0.8rem;
    flex: 1 1 calc(50% - 1px);
    min-width: 0;
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .prompts-tab {
    padding: 8px 10px;
    font-size: 0.75rem;
    flex: 1 1 100%;
  }
}

.prompts-pane {
  display: none;
  flex: 1;
  flex-direction: column;
  min-height: 280px;
  padding: 12px 0 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .prompts-pane {
    padding: 10px 0 0 0;
  }
}
.prompts-pane--active {
  display: flex;
}
.prompts-pane .prompts-pane-hint {
  margin: 0 0 14px;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--texto-terciario);
  max-width: 72ch;
}
.prompts-pane .carro-secao {
  padding: 0;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}
.prompts-pane .carro-secao .carro-secao-titulo {
  margin-bottom: 10px;
  padding-bottom: 6px;
  font-size: 0.95rem;
}
@media screen and (max-width: 768px) {
  .prompts-pane .carro-secao .carro-secao-titulo {
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-size: 0.9rem;
  }
}
.prompts-pane .cadastro-form-grid {
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .prompts-pane .cadastro-form-grid {
    gap: 10px;
    margin-bottom: 14px;
  }
}
.prompts-pane .cadastro-permissoes-grid {
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
}
.prompts-pane .cadastro-campo {
  gap: 4px;
}
.prompts-pane .cadastro-campo label {
  font-size: 0.75rem;
  margin-bottom: 0;
}
.prompts-pane .cadastro-campo input,
.prompts-pane .cadastro-campo select,
.prompts-pane .cadastro-campo textarea {
  padding: 10px 12px;
  font-size: 0.9rem;
}
@media screen and (max-width: 768px) {
  .prompts-pane .cadastro-campo input,
  .prompts-pane .cadastro-campo select,
  .prompts-pane .cadastro-campo textarea {
    padding: 9px 11px;
    font-size: 0.85rem;
  }
}
.prompts-pane {
  /** Só dash-agente.php: textarea direto no painel (prompts por aba). Cadastro de carros usa .cadastro-campo textarea. */
}
.prompts-pane > textarea {
  flex: 1;
  min-height: 280px;
  width: 100%;
  padding: 16px 18px;
  border: 2px solid var(--cor-borda);
  border-radius: 12px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--texto-secundario);
  resize: vertical;
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
}
.prompts-pane > textarea:focus {
  border-color: #38d39f;
}
.prompts-pane > textarea::placeholder {
  color: var(--texto-terciario);
}
@media screen and (max-width: 768px) {
  .prompts-pane > textarea {
    min-height: 240px;
  }
}

.prompts-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 28px;
  margin-top: 18px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #38d39f 0%, #32be8f 100%);
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.prompts-btn-submit:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}
.prompts-btn-submit i {
  font-size: 18px;
}

body.dash-page--agente {
  background: #020b16;
  overflow-x: clip;
}
body.dash-page--agente .dash-layout {
  overflow-x: clip;
  max-width: 100%;
}
body.dash-page--agente .dash-main {
  overflow-x: clip;
  max-width: 100%;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  width: 100% !important;
  background: #020b16;
}

.crmPromptEditor {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: calc(100vh - 56px);
  padding: 16px 16px 32px;
  display: grid;
  grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.08), transparent 30%), radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.08), transparent 30%), #020b16;
  color: #fff;
  font-family: "Inter", sans-serif;
  box-sizing: border-box;
}
.crmPromptEditor *,
.crmPromptEditor *::before,
.crmPromptEditor *::after {
  box-sizing: border-box;
}
.crmPromptEditor button,
.crmPromptEditor textarea {
  font-family: inherit;
}
.crmPromptEditor__preview, .crmPromptEditor__content {
  position: relative;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(0, 255, 204, 0.08);
  background: linear-gradient(145deg, rgba(7, 20, 35, 0.96), rgba(2, 10, 20, 0.98));
  box-shadow: 0 0 50px rgba(0, 255, 200, 0.05), inset 0 0 40px rgba(255, 255, 255, 0.015);
}
.crmPromptEditor__preview {
  padding: 16px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 0;
}
.crmPromptEditor__preview::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0, 255, 200, 0.08), transparent 45%);
  opacity: 0.4;
  pointer-events: none;
}
.crmPromptEditor__badge {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  width: fit-content;
  height: 30px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: 1px solid rgba(34, 255, 209, 0.25);
  background: rgba(34, 255, 209, 0.06);
  color: #22ffd1;
  font-size: 11px;
  font-weight: 600;
}
.crmPromptEditor__badge span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22ffd1;
  box-shadow: 0 0 8px #22ffd1;
}
.crmPromptEditor__robot {
  position: relative;
  flex: 1;
  width: 100%;
  min-height: 160px;
  margin: 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.crmPromptEditor__robotGlow {
  position: absolute;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(34, 255, 209, 0.12), transparent 70%);
  filter: blur(8px);
}
.crmPromptEditor__robotFace {
  position: relative;
  width: 82px;
  height: 72px;
  border-radius: 22px;
  border: 3px solid #22ffd1;
  background: linear-gradient(145deg, rgba(34, 255, 209, 0.12), rgba(34, 255, 209, 0.02));
  box-shadow: 0 0 14px rgba(34, 255, 209, 0.35), inset 0 0 12px rgba(34, 255, 209, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  animation: crmPromptFloatRobot 4s ease-in-out infinite;
}
.crmPromptEditor__robotFace::before, .crmPromptEditor__robotFace::after {
  content: "";
  position: absolute;
  top: 22px;
  width: 9px;
  height: 26px;
  border-radius: 999px;
  background: rgba(34, 255, 209, 0.75);
  box-shadow: 0 0 8px rgba(34, 255, 209, 0.4);
}
.crmPromptEditor__robotFace::before {
  left: -13px;
}
.crmPromptEditor__robotFace::after {
  right: -13px;
}
.crmPromptEditor__robotFace .antenna {
  position: absolute;
  top: -20px;
  width: 4px;
  height: 18px;
  border-radius: 999px;
  background: #22ffd1;
}
.crmPromptEditor__robotFace .antenna::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22ffd1;
  box-shadow: 0 0 10px #22ffd1;
}
.crmPromptEditor__robotFace .eyes {
  display: flex;
  gap: 14px;
  margin-bottom: 8px;
}
.crmPromptEditor__robotFace .eyes span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22ffd1;
  box-shadow: 0 0 8px #22ffd1;
}
.crmPromptEditor__robotFace .mouth {
  width: 24px;
  height: 10px;
  border-bottom: 3px solid #22ffd1;
  border-radius: 0 0 999px 999px;
}
.crmPromptEditor__robotBase {
  margin-top: 22px;
  width: 130px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(34, 255, 209, 0.3);
  box-shadow: 0 0 16px rgba(34, 255, 209, 0.15), inset 0 0 10px rgba(34, 255, 209, 0.06);
  position: relative;
}
.crmPromptEditor__robotBase::before, .crmPromptEditor__robotBase::after {
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  border: 1px solid rgba(34, 255, 209, 0.12);
}
.crmPromptEditor__robotBase::after {
  inset: -16px;
  opacity: 0.45;
}
.crmPromptEditor__features {
  position: relative;
  z-index: 2;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  flex-shrink: 0;
}
.crmPromptEditor__feature {
  padding: 10px 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  text-align: center;
}
.crmPromptEditor__feature i {
  font-size: 16px;
  color: #22ffd1;
  margin-bottom: 8px;
}
.crmPromptEditor__feature strong {
  display: block;
  font-size: 10px;
  margin-bottom: 4px;
  line-height: 1.3;
}
.crmPromptEditor__feature span {
  color: #7f93a8;
  font-size: 9px;
  line-height: 1.35;
  display: block;
}
.crmPromptEditor__content {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
}
.crmPromptEditor__content #formPrompts {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
}
.crmPromptEditor__topTabs {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.crmPromptEditor__topTabs button {
  height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: #9db0c5;
  cursor: pointer;
  transition: 0.2s;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.crmPromptEditor__topTabs button i {
  font-size: 11px;
}
.crmPromptEditor__topTabs button:hover, .crmPromptEditor__topTabs button.active {
  color: #22ffd1;
  border-color: rgba(34, 255, 209, 0.25);
  box-shadow: 0 0 16px rgba(34, 255, 209, 0.06);
}
.crmPromptEditor__editor {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  min-height: calc(100vh - 220px);
  padding: 12px 14px 32px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}
.crmPromptEditor__panes {
  flex: 1;
  min-height: calc(100vh - 300px);
  position: relative;
}
.crmPromptEditor .crmPromptPane {
  position: absolute;
  inset: 0;
  display: none;
  flex-direction: column;
  overflow: hidden;
}
.crmPromptEditor .crmPromptPane[hidden] {
  display: none !important;
}
.crmPromptEditor .crmPromptPane--active {
  display: flex;
}
.crmPromptEditor .crmPromptPane textarea {
  width: 100%;
  flex: 1;
  min-height: calc(100vh - 340px);
  border: none;
  outline: none;
  resize: vertical;
  background: transparent;
  color: #fff;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 400;
}
.crmPromptEditor__counter {
  position: absolute;
  right: 14px;
  bottom: 10px;
  color: #7f93a8;
  font-size: 11px;
  pointer-events: none;
}
.crmPromptEditor__counter.is-over {
  color: #f87171;
}
.crmPromptEditor .prompts-msg {
  margin: 8px 0 0;
  font-size: 11px;
}
.crmPromptEditor .prompts-msg:empty {
  display: none;
}
.crmPromptEditor .prompts-msg--erro {
  color: #f87171;
}
.crmPromptEditor .prompts-msg--sucesso {
  color: #22ffd1;
}
.crmPromptEditor__bottomActions {
  margin-top: 12px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.crmPromptEditor__bottomActions button {
  flex: 1;
  min-width: 0;
  max-width: 100%;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  transition: 0.2s;
}
.crmPromptEditor__bottomActions button i {
  font-size: 12px;
}
.crmPromptEditor__bottomActions button:hover {
  transform: translateY(-1px);
}
.crmPromptEditor__bottomActions button.save {
  background: linear-gradient(90deg, #29e8c4, #6fffe5);
  color: #031018;
  border: none;
}

@keyframes crmPromptFloatRobot {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@media (max-width: 1350px) {
  .crmPromptEditor {
    grid-template-columns: minmax(0, 1fr);
  }
  .crmPromptEditor__editor {
    min-height: min(680px, 100vh - 200px);
  }
  .crmPromptEditor__panes {
    min-height: min(560px, 100vh - 280px);
  }
  .crmPromptEditor .crmPromptPane textarea {
    min-height: min(520px, 100vh - 320px);
  }
}
@media (max-width: 900px) {
  .crmPromptEditor {
    padding: 16px 16px 28px;
  }
  .crmPromptEditor__features {
    grid-template-columns: 1fr;
  }
  .crmPromptEditor__bottomActions {
    flex-direction: column;
    gap: 10px;
  }
  .crmPromptEditor__bottomActions button {
    flex: none;
    width: 100%;
    min-height: 48px;
    height: auto;
    padding: 12px 16px;
    font-size: 14px;
    border-radius: 12px;
  }
  .crmPromptEditor__bottomActions button i {
    font-size: 14px;
  }
  .crmPromptEditor__topTabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 8px;
    padding-bottom: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
  }
  .crmPromptEditor__topTabs button {
    flex-shrink: 0;
    min-height: 42px;
    height: auto;
    padding: 10px 14px;
    font-size: 12px;
    border-radius: 12px;
  }
  .crmPromptEditor__topTabs button i {
    font-size: 12px;
  }
  .crmPromptEditor__topTabs::-webkit-scrollbar {
    height: 6px;
  }
  .crmPromptEditor__topTabs::-webkit-scrollbar-track {
    background: rgba(56, 211, 159, 0.12);
    border-radius: 999px;
  }
  .crmPromptEditor__topTabs::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #38d39f, #24b47e);
    border-radius: 999px;
  }
}
@media (max-width: 600px) {
  .crmPromptEditor {
    padding: 12px 12px 24px;
  }
  .crmPromptEditor__editor {
    min-height: min(620px, 100vh - 180px);
    padding: 10px 12px 28px;
  }
  .crmPromptEditor__panes {
    min-height: min(500px, 100vh - 260px);
  }
  .crmPromptEditor__bottomActions {
    gap: 8px;
  }
  .crmPromptEditor__bottomActions button {
    min-height: 46px;
    padding: 11px 14px;
    font-size: 13px;
  }
  .crmPromptEditor__topTabs {
    gap: 6px;
  }
  .crmPromptEditor__topTabs button {
    min-height: 40px;
    padding: 9px 12px;
    font-size: 11px;
  }
  .crmPromptEditor__topTabs button i {
    font-size: 11px;
  }
  .crmPromptEditor .crmPromptPane textarea {
    min-height: min(460px, 100vh - 300px);
    font-size: 12px;
    line-height: 1.5;
  }
}
.dash-main:has(.parametros-page) {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  background: #07111f;
  box-sizing: border-box;
}

body.dash-page--parametros {
  background: #07111f;
}

.parametros-page {
  min-height: calc(100vh - 56px);
  width: 100%;
  padding: 20px 16px 20px;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 22%), #07111f;
  font-family: "Inter", "Poppins", sans-serif;
  color: #d6e3f1;
}
.parametros-page .parametros-container {
  width: 100%;
  max-width: none;
  margin: 0;
}
.parametros-page .parametros-page-head {
  margin-bottom: 14px;
  overflow: visible;
}
.parametros-page .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.parametros-page .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.parametros-page .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.parametros-page .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.parametros-page .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.parametros-page .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.parametros-page .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.parametros-page .parametros-empresa-toolbar {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: min(100%, 280px);
  flex-shrink: 0;
}
.parametros-page .parametros-empresa-label {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #7f8ea3;
}
.parametros-page .parametros-empresa-select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(7, 17, 31, 0.95);
  color: #e8f0fa;
  font-size: 0.82rem;
  font-family: inherit;
}
.parametros-page .crm-config-tabs.inventory-page-tabs {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-shrink: 0;
  gap: 0;
  margin: 10px 0 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 19, 28, 0.55);
  border-radius: 12px 12px 0 0;
  overflow: visible;
}
.parametros-page .crm-config-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  position: relative;
  margin: 0;
  padding: 10px 18px;
  min-height: 44px;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #7f8ea3;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.parametros-page .crm-config-tab:hover:not(.crm-config-tab--ativo) {
  color: #c7d4e2;
}
.parametros-page .crm-config-tab--ativo {
  color: #38d39f;
  border-bottom-color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
@media screen and (max-width: 768px) {
  .parametros-page {
    padding: 12px 12px 20px;
  }
  .parametros-page .crmConfigTopbarSub {
    display: none;
  }
  .parametros-page .crm-config-tabs.inventory-page-tabs {
    margin-top: 8px;
    position: sticky;
    top: 56px;
    z-index: 20;
    background: rgba(7, 17, 31, 0.96);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.22);
  }
  .parametros-page .crm-config-tab {
    font-size: 0.82rem;
    padding: 12px 10px;
    min-height: 46px;
  }
}
.parametros-page .parametros-msg {
  font-size: 0.8rem;
  margin: 0 0 10px;
}
.parametros-page .parametros-msg:empty {
  display: none;
}
.parametros-page .parametros-msg--erro {
  color: #ff6b6b;
}
.parametros-page .parametros-msg--sucesso {
  color: #24f2c0;
}
.parametros-page .parametros-card {
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(14, 26, 45, 0.98) 0%, rgb(8, 16, 29) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
.parametros-page .parametros-pane {
  display: none;
}
.parametros-page .parametros-pane--active {
  display: block;
}
.parametros-page .parametros-pane-hint {
  margin: 0 0 14px;
  font-size: 0.78rem;
  line-height: 1.5;
  color: #8ca4bc;
  max-width: 72ch;
}
.parametros-page .parametros-pane-hint strong {
  color: #e2e8f0;
  font-weight: 600;
}
.parametros-page .parametros-secao {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.parametros-page .parametros-secao:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.parametros-page .parametros-secao-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.88rem;
  color: #e2e8f0;
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  gap: 8px;
}
.parametros-page .parametros-secao-titulo i {
  color: #38d39f;
  font-size: 0.85rem;
}
.parametros-page {
  /** Sub-bloco dentro do formulário «Dados da empresa» (não usar `.parametros-secao` aqui). */
}
.parametros-page .parametros-whatsapp-bloco {
  margin-top: 6px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  box-sizing: border-box;
}
.parametros-page .parametros-whatsapp-bloco__titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  color: #cbd5e1;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.parametros-page .parametros-whatsapp-bloco__titulo i {
  color: #25d366;
  font-size: 0.9rem;
}
.parametros-page .parametros-campo-ajuda {
  margin: 6px 0 0;
  font-size: 0.72rem;
  color: #8ea1bb;
  line-height: 1.35;
}
.parametros-page .parametros-logo-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .parametros-page .parametros-logo-row {
    grid-template-columns: 1fr;
  }
}
.parametros-page .parametros-logo-atual,
.parametros-page .parametros-upload-area {
  min-height: 160px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-sizing: border-box;
}
.parametros-page .parametros-logo-atual {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgba(255, 255, 255, 0.02);
}
.parametros-page .parametros-logo-atual-label,
.parametros-page .parametros-upload-label {
  margin: 0;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8da5bc;
}
.parametros-page .parametros-logo-preview-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.parametros-page .parametros-logo-thumb {
  max-height: 80px;
  max-width: 100%;
  width: auto;
  object-fit: contain;
}
.parametros-page .parametros-logo-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  color: #64748b;
}
.parametros-page .parametros-logo-empty i {
  font-size: 1.75rem;
  opacity: 0.5;
}
.parametros-page .parametros-logo-empty span {
  font-size: 0.78rem;
  line-height: 1.35;
  max-width: 14ch;
}
.parametros-page .parametros-logo-empty[hidden] {
  display: none;
}
.parametros-page .parametros-logo-atual .parametros-btn-acao {
  align-self: flex-start;
}
.parametros-page .parametros-upload-area {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-style: dashed;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.parametros-page .parametros-upload-area:hover {
  border-color: rgba(36, 242, 192, 0.35);
  background: rgba(36, 242, 192, 0.04);
}
.parametros-page .parametros-upload-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  min-height: 88px;
  pointer-events: none;
}
.parametros-page .parametros-upload-inner i {
  font-size: 1.5rem;
  color: #38d39f;
}
.parametros-page .parametros-upload-inner p {
  margin: 0;
  font-size: 0.82rem;
  color: #e2e8f0;
}
.parametros-page .parametros-upload-inner span {
  font-size: 0.72rem;
  color: #7f8ea3;
}
.parametros-page .parametros-upload-area input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.parametros-page .parametros-upload-area--hover {
  border-color: rgba(36, 242, 192, 0.45);
  background: rgba(36, 242, 192, 0.06);
}
.parametros-page .parametros-upload-area--loading {
  opacity: 0.65;
  pointer-events: none;
}
.parametros-page .parametros-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media screen and (max-width: 768px) {
  .parametros-page .parametros-form-grid {
    grid-template-columns: 1fr;
  }
}
.parametros-page .parametros-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.parametros-page .parametros-campo--full {
  grid-column: 1/-1;
}
.parametros-page .parametros-campo > label:not(.parametros-toggle) {
  font-size: 11px;
  font-weight: 500;
  color: #8da5bc;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.parametros-page .parametros-campo input:not([type=checkbox]):not([type=radio]),
.parametros-page .parametros-campo select,
.parametros-page .parametros-campo textarea {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  font-family: inherit;
  font-size: 13px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.parametros-page .parametros-campo input:not([type=checkbox]):not([type=radio])::placeholder,
.parametros-page .parametros-campo select::placeholder,
.parametros-page .parametros-campo textarea::placeholder {
  color: #64748b;
}
.parametros-page .parametros-campo input:not([type=checkbox]):not([type=radio]):focus,
.parametros-page .parametros-campo select:focus,
.parametros-page .parametros-campo textarea:focus {
  border-color: rgba(36, 242, 192, 0.45);
  box-shadow: 0 0 0 2px rgba(36, 242, 192, 0.12);
}
.parametros-page .parametros-campo input:not([type=checkbox]):not([type=radio]),
.parametros-page .parametros-campo select {
  height: 40px;
  min-height: 40px;
}
.parametros-page .parametros-campo textarea {
  min-height: 88px;
  padding: 10px 12px;
  resize: vertical;
}
.parametros-page .parametros-campo select {
  cursor: pointer;
  appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.parametros-page .parametros-campo select option {
  background: #0e1a2d;
  color: #fff;
}
.parametros-page .parametros-input-uf {
  text-transform: uppercase;
}
.parametros-page .parametros-toggle {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  transition: border-color 0.2s ease;
}
.parametros-page .parametros-toggle:hover {
  border-color: rgba(36, 242, 192, 0.25);
}
.parametros-page .parametros-toggle input[type=checkbox] {
  display: none;
}
.parametros-page .parametros-toggle input[type=checkbox]:checked + .parametros-toggle-slider {
  background: #24f2c0;
}
.parametros-page .parametros-toggle input[type=checkbox]:checked + .parametros-toggle-slider::after {
  transform: translateX(18px);
}
.parametros-page .parametros-toggle input[type=checkbox]:checked ~ .parametros-toggle-label {
  color: #e8f1fa;
}
.parametros-page .parametros-toggle-slider {
  width: 40px;
  height: 22px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 11px;
  position: relative;
  flex-shrink: 0;
  margin-top: 2px;
  transition: background 0.25s ease;
}
.parametros-page .parametros-toggle-slider::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 50%;
  transition: transform 0.25s ease;
}
.parametros-page .parametros-toggle-label {
  font-size: 0.82rem;
  color: #91a8be;
  line-height: 1.45;
  text-align: left;
  transition: color 0.2s ease;
}
.parametros-page .parametros-form-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}
.parametros-page .parametros-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(135deg, #17dcb0, #24f2c0);
  color: #04121d;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.parametros-page .parametros-btn-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(36, 242, 192, 0.25);
}
.parametros-page .parametros-btn-acao {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.parametros-page .parametros-btn-acao--delete {
  background: rgba(255, 70, 70, 0.12);
  color: #ff5d5d;
}
.parametros-page .parametros-followup-bloco-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.88rem;
  color: #e2e8f0;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  gap: 8px;
}
.parametros-page .parametros-followup-bloco-titulo i {
  color: #38d39f;
  font-size: 0.85rem;
}
.parametros-page .parametros-followup-bloco {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 8px;
}
.parametros-page .parametros-followup-bloco--ultima {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.parametros-page .parametros-followup-label-compacta,
.parametros-page .parametros-followup-label-mensagem {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: #8da5bc;
  margin: 0 0 4px;
  text-transform: none;
  letter-spacing: normal;
}
.parametros-page .parametros-followup-linha-campos {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px 16px;
}
.parametros-page .parametros-followup-col-tempo {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
}
.parametros-page .parametros-followup-col-mensagem {
  flex: 1 1 200px;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: flex-end;
}
@media screen and (max-width: 720px) {
  .parametros-page .parametros-followup-linha-campos {
    flex-direction: column;
    align-items: stretch;
  }
}
.parametros-page .parametros-followup-valor-unidade {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  min-height: 3rem;
}
.parametros-page .parametros-followup-num {
  width: 4.25rem;
  min-width: 3.5rem;
  max-width: 5rem;
  padding: 6px 8px;
  font-size: 0.82rem;
  line-height: 1.35;
  box-sizing: border-box;
  min-height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
}
.parametros-page .parametros-followup-num:focus {
  border-color: rgba(36, 242, 192, 0.45);
  outline: none;
}
.parametros-page .parametros-followup-unidade {
  width: auto;
  min-width: 6.5rem;
  max-width: 8.5rem;
  padding: 6px 28px 6px 8px;
  font-size: 0.82rem;
  line-height: 1.35;
  box-sizing: border-box;
  min-height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  cursor: pointer;
}
.parametros-page .parametros-followup-unidade option {
  background: #0e1a2d;
  color: #fff;
}
.parametros-page .parametros-followup-msg {
  width: 100%;
  max-width: 100%;
  padding: 8px 10px;
  font-size: 0.82rem;
  line-height: 1.35;
  box-sizing: border-box;
  min-height: 3rem;
  resize: vertical;
  font-family: inherit;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
}
.parametros-page .parametros-followup-msg:focus {
  border-color: rgba(36, 242, 192, 0.45);
  outline: none;
  box-shadow: 0 0 0 2px rgba(36, 242, 192, 0.12);
}
.parametros-page .parametros-campo.parametros-followup-bloco input.parametros-followup-num,
.parametros-page .parametros-campo.parametros-followup-bloco select.parametros-followup-unidade {
  width: auto;
  max-width: none;
}
.parametros-page .parametros-campo.parametros-followup-bloco input.parametros-followup-num {
  max-width: 5rem;
}
.parametros-page .parametros-campo.parametros-followup-bloco select.parametros-followup-unidade {
  max-width: 8.5rem;
}
.parametros-page .parametros-campo.parametros-followup-bloco textarea.parametros-followup-msg {
  width: 100%;
  max-width: 100%;
}
.parametros-page .parametros-followup-ajuda {
  margin: 8px 0 0;
  font-size: 0.76rem;
  line-height: 1.45;
  color: #7f8ea3;
  max-width: 56ch;
}
.parametros-page .parametros-followup-ajuda strong {
  color: #c7d4e2;
  font-weight: 600;
}
.parametros-page .parametros-campo-label {
  font-size: 11px;
  font-weight: 500;
  color: #8da5bc;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.parametros-page .parametros-campo-hint {
  margin: 4px 0 0;
  font-size: 0.76rem;
  line-height: 1.45;
  color: #7f8ea3;
  max-width: 56ch;
}
.parametros-page .fab-emp-meta-conta-opcoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.parametros-page .fab-emp-meta-conta-opcao {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  font-size: 13px;
  color: #d6e3f1;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.parametros-page .fab-emp-meta-conta-opcao input[type=radio] {
  accent-color: #24f2c0;
  margin: 0;
}
.parametros-page .fab-emp-meta-conta-opcao:has(input:checked) {
  border-color: rgba(36, 242, 192, 0.45);
  background: rgba(36, 242, 192, 0.06);
}
.parametros-page .fab-emp-meta-conta-opcao:hover {
  border-color: rgba(36, 242, 192, 0.25);
}

.dash-main:has(.perfil-page) {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  background: #07111f;
  box-sizing: border-box;
}

body.dash-page--perfil {
  background: #07111f;
}

.perfil-page {
  min-height: calc(100vh - 56px);
  width: 100%;
  padding: 20px 16px 20px;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 22%), #07111f;
  font-family: "Inter", "Poppins", sans-serif;
  color: #d6e3f1;
}
.perfil-page .perfil-container {
  width: 100%;
  max-width: none;
  margin: 0;
}
.perfil-page .perfil-page-head {
  margin-bottom: 14px;
}
.perfil-page .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.perfil-page .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.perfil-page .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.perfil-page .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.perfil-page .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.perfil-page .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.perfil-page .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.perfil-page .perfil-msg {
  font-size: 0.8rem;
  margin: 0 0 10px;
}
.perfil-page .perfil-msg:empty {
  display: none;
}
.perfil-page .perfil-msg--erro {
  color: #ff6b6b;
}
.perfil-page .perfil-msg--sucesso {
  color: #24f2c0;
}
.perfil-page .perfil-card {
  border-radius: 16px;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: linear-gradient(180deg, rgba(14, 26, 45, 0.98) 0%, rgb(8, 16, 29) 100%);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
.perfil-page .perfil-card--senha {
  margin-top: 14px;
}
.perfil-page .perfil-grid {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 14px;
  align-items: start;
}
@media screen and (max-width: 1024px) {
  .perfil-page .perfil-grid {
    grid-template-columns: 1fr;
  }
}
.perfil-page .perfil-secao {
  margin: 0;
}
.perfil-page .perfil-secao:not(:last-child) {
  margin-bottom: 0;
}
.perfil-page .perfil-secao-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.88rem;
  color: #e2e8f0;
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  gap: 8px;
}
.perfil-page .perfil-secao-titulo i {
  color: #38d39f;
  font-size: 0.85rem;
}
.perfil-page .perfil-foto-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  width: 100%;
}
.perfil-page .perfil-foto-preview {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgba(56, 211, 159, 0.2);
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.perfil-page .perfil-foto-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.perfil-page .perfil-foto-img[hidden] {
  display: none;
}
.perfil-page .perfil-foto-icon {
  font-size: 42px;
  color: #64748b;
}
.perfil-page .perfil-foto-icon[hidden] {
  display: none;
}
.perfil-page .perfil-upload-area {
  position: relative;
  width: 100%;
  min-height: 140px;
  padding: 14px;
  border: 1px dashed rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.perfil-page .perfil-upload-area:hover, .perfil-page .perfil-upload-area--hover {
  border-color: rgba(36, 242, 192, 0.35);
  background: rgba(36, 242, 192, 0.04);
}
.perfil-page .perfil-upload-area input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.perfil-page .perfil-upload-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  min-height: 108px;
  pointer-events: none;
}
.perfil-page .perfil-upload-inner i {
  font-size: 1.5rem;
  color: #38d39f;
}
.perfil-page .perfil-upload-inner p {
  margin: 0;
  font-size: 0.82rem;
  color: #e2e8f0;
}
.perfil-page .perfil-upload-inner span {
  font-size: 0.72rem;
  color: #7f8ea3;
}
.perfil-page .perfil-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}
.perfil-page .perfil-form-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.perfil-page .perfil-form-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 900px) {
  .perfil-page .perfil-form-grid {
    grid-template-columns: 1fr;
  }
  .perfil-page .perfil-form-grid--3, .perfil-page .perfil-form-grid--2 {
    grid-template-columns: 1fr;
  }
}
.perfil-page .perfil-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.perfil-page .perfil-campo--full {
  grid-column: 1/-1;
}
.perfil-page .perfil-campo > label:not(.perfil-toggle) {
  font-size: 11px;
  font-weight: 500;
  color: #8da5bc;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.perfil-page .perfil-campo input:not([type=checkbox]):not([type=radio]),
.perfil-page .perfil-campo select,
.perfil-page .perfil-campo textarea {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-family: inherit;
  font-size: 0.84rem;
}
.perfil-page .perfil-campo input:not([type=checkbox]):not([type=radio]):focus,
.perfil-page .perfil-campo select:focus,
.perfil-page .perfil-campo textarea:focus {
  border-color: rgba(36, 242, 192, 0.45);
  outline: none;
  box-shadow: 0 0 0 2px rgba(36, 242, 192, 0.12);
}
.perfil-page .perfil-campo input:not([type=checkbox]):not([type=radio]):disabled, .perfil-page .perfil-campo input:not([type=checkbox]):not([type=radio]).perfil-campo--readonly,
.perfil-page .perfil-campo select:disabled,
.perfil-page .perfil-campo select.perfil-campo--readonly,
.perfil-page .perfil-campo textarea:disabled,
.perfil-page .perfil-campo textarea.perfil-campo--readonly {
  opacity: 0.72;
  cursor: not-allowed;
  background: rgba(255, 255, 255, 0.02);
}
.perfil-page .perfil-campo-ajuda {
  margin: 8px 0 0;
  font-size: 0.72rem;
  color: #8ea1bb;
  line-height: 1.4;
}
.perfil-page .perfil-toggle {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}
.perfil-page .perfil-toggle input[type=checkbox] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.perfil-page .perfil-toggle-slider {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 22px;
  margin-top: 1px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  transition: background 0.2s ease;
}
.perfil-page .perfil-toggle-slider::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s ease;
}
.perfil-page .perfil-toggle input:checked + .perfil-toggle-slider {
  background: rgba(36, 242, 192, 0.35);
}
.perfil-page .perfil-toggle input:checked + .perfil-toggle-slider::after {
  transform: translateX(18px);
}
.perfil-page .perfil-toggle-label {
  font-size: 0.82rem;
  color: #e2e8f0;
  line-height: 1.4;
}
.perfil-page .perfil-btn-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 18px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #17dcb0, #24f2c0);
  color: #04121d;
  font-family: inherit;
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.perfil-page .perfil-btn-submit:hover {
  opacity: 0.92;
}
.perfil-page .perfil-btn-submit i {
  font-size: 0.8rem;
}
.perfil-page .perfil-listas-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
@media screen and (max-width: 900px) {
  .perfil-page .perfil-listas-grid {
    grid-template-columns: 1fr;
  }
}
.perfil-page .perfil-vazio {
  margin: 0;
  padding: 16px 12px;
  text-align: center;
  font-size: 0.82rem;
  color: #7f8ea3;
  border-radius: 10px;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.perfil-page .perfil-lista-card {
  margin-bottom: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  transition: border-color 0.2s ease, background 0.2s ease;
}
.perfil-page .perfil-lista-card:last-child {
  margin-bottom: 0;
}
.perfil-page .perfil-lista-card--clickable {
  cursor: pointer;
}
.perfil-page .perfil-lista-card--clickable:hover {
  border-color: rgba(36, 242, 192, 0.35);
  background: rgba(36, 242, 192, 0.06);
}
.perfil-page .perfil-lista-card-content {
  width: 100%;
  white-space: normal;
  line-height: 1.35;
}
.perfil-page .perfil-lista-card-title {
  display: block;
  word-break: break-word;
  color: #e2e8f0;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
}
.perfil-page .perfil-lista-card-sub {
  display: block;
  margin-top: 4px;
  font-size: 0.76rem;
  word-break: break-word;
  color: #8ea1bb;
}
@media screen and (max-width: 768px) {
  .perfil-page {
    padding: 12px 12px 20px;
  }
  .perfil-page .crmConfigTopbarSub {
    display: none;
  }
  .perfil-page .perfil-btn-submit {
    width: 100%;
    max-width: none;
  }
}

.cars-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-top: 8px;
  margin-bottom: 12px;
  width: 100%;
}
@media screen and (min-width: 1400px) {
  .cars-section {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
.cars-section .car-card {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.car-card {
  background: linear-gradient(180deg, #0c1826 0%, #09121d 100%);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
  position: relative;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.car-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 255, 191, 0.2);
  z-index: 2;
}
.car-card.car-card--impulsionado-destaque {
  border-color: rgba(0, 224, 164, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 224, 164, 0.25);
  animation: uaal-impulso-destaque-card 1.2s ease 2;
}
.car-card .car-image {
  position: relative;
  height: 108px;
  flex-shrink: 0;
}
.car-card .car-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.car-card .car-image .favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: none;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}
.car-card .car-image .favorite i {
  font-size: 11px;
}
.car-card .car-image .favorite:hover {
  background: rgba(0, 224, 164, 0.25);
  color: #00d89f;
}
.car-card .car-content {
  padding: 10px 11px 11px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  gap: 0;
}
.car-card .title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
}
.car-card .title-row h3 {
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  margin: 0;
  font-weight: 700;
  line-height: 1.2;
  flex: 1;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.car-card .title-row .status {
  background: rgba(0, 255, 191, 0.12);
  color: #00d89f;
  padding: 3px 7px;
  border-radius: 6px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.car-card .title-row .status--vendido {
  background: rgba(255, 73, 73, 0.12);
  color: #ff5c5c;
}
.car-card .title-row .status--reservado {
  background: rgba(255, 174, 0, 0.12);
  color: #ffb300;
}
.car-card .subtitle {
  color: #97a6b7;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  margin: 4px 0 8px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.car-card .infos {
  list-style: none;
  padding: 0;
  margin: 0 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.car-card .infos li {
  color: #d8e2ec;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
}
.car-card .infos li i {
  color: #00d89f;
  width: 12px;
  font-size: 10px;
  text-align: center;
  flex-shrink: 0;
}
.car-card .price {
  color: #00e0a4;
  font-family: "Outfit", sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  margin-bottom: 8px;
  line-height: 1.1;
}
.car-card .actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.car-card .actions > button:not(.car-card-more-btn) {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #c6d3df;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.car-card .actions > button:not(.car-card-more-btn) i {
  font-size: 12px;
}
.car-card .actions > button:not(.car-card-more-btn):hover {
  background: #00d89f;
  color: #07111d;
  border-color: #00d89f;
}
.car-card .car-card-more {
  position: relative;
}
.car-card .car-card-more .car-card-more-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #c6d3df;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.car-card .car-card-more .car-card-more-btn i {
  font-size: 12px;
}
.car-card .car-card-more .car-card-more-btn:hover {
  background: #00d89f;
  color: #07111d;
  border-color: #00d89f;
}
.car-card .car-card-more-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  min-width: 140px;
  padding: 4px;
  border-radius: 10px;
  background: #0f1a28;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.car-card .car-card-more-menu[hidden] {
  display: none !important;
}
.car-card .car-card-more-item {
  width: 100%;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #d8e2ec;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  padding: 7px 9px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background 0.15s ease;
}
.car-card .car-card-more-item i {
  color: #00d89f;
  width: 16px;
}
.car-card .car-card-more-item:hover {
  background: rgba(255, 255, 255, 0.06);
}
.car-card .car-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  min-height: 0;
}
.car-card .car-card-indicadores {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.car-card .car-card-indicador {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 0.62rem;
  cursor: help;
}
.car-card .car-card-indicador--sim {
  background: rgba(0, 224, 164, 0.12);
  color: #00d89f;
}
.car-card .car-card-indicador--nao {
  background: rgba(255, 255, 255, 0.04);
  color: #6b7a8c;
  opacity: 0.85;
}
.car-card .car-card-observacao {
  margin-left: auto;
  color: #ffb300;
  font-size: 0.8rem;
  cursor: help;
}
.car-card .footer-actions {
  display: flex;
  gap: 6px;
  margin-top: auto;
}
.car-card .footer-actions button {
  border: none;
  border-radius: 8px;
  height: 30px;
  padding: 0 10px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.car-card .footer-actions button:disabled {
  cursor: default;
  opacity: 0.95;
}
.car-card .footer-actions button i {
  font-size: 11px;
}
.car-card .footer-actions .approve {
  width: 32px;
  padding: 0;
  background: rgba(0, 224, 164, 0.15);
  color: #00d89f;
}
.car-card .footer-actions .approve:hover:not(:disabled) {
  background: rgba(0, 224, 164, 0.28);
}
.car-card .footer-actions .delete {
  width: 32px;
  padding: 0;
  background: rgba(255, 73, 73, 0.12);
  color: #ff5c5c;
}
.car-card .footer-actions .delete:hover:not(:disabled) {
  background: rgba(255, 73, 73, 0.22);
}
.car-card .footer-actions .unarchive {
  flex: 1;
  background: rgba(0, 224, 164, 0.12);
  color: #00d89f;
}
.car-card .footer-actions .appointment {
  flex: 1;
  background: rgba(255, 174, 0, 0.12);
  color: #ffb300;
  cursor: default;
}
.car-card .footer-actions .approved-full {
  flex: 1;
  background: rgba(0, 224, 164, 0.15);
  color: #00d89f;
  cursor: default;
}
.car-card .footer-actions .approved-full.impulsionado {
  cursor: default;
}
.car-card .footer-actions .rejected-full {
  flex: 1;
  background: rgba(255, 73, 73, 0.12);
  color: #ff5c5c;
  cursor: default;
}
.car-card .footer-actions .pending {
  flex: 1;
  background: rgba(255, 174, 0, 0.1);
  color: #e6b84d;
  font-size: 9px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes uaal-impulso-destaque-card {
  0%, 100% {
    box-shadow: 0 0 0 2px rgba(0, 224, 164, 0.25);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(0, 224, 164, 0.45);
  }
}
.estoque-lista-row.car-card--impulsionado-destaque {
  border-color: rgba(0, 224, 164, 0.45);
  box-shadow: inset 3px 0 0 #00d89f;
  animation: uaal-impulso-destaque-card 1.2s ease 2;
}

.carro-card {
  position: relative;
  z-index: 0;
  background: var(--fundo-formulario);
  border-radius: 16px;
  overflow: visible;
  border: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  cursor: pointer;
  min-width: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.carro-card:hover {
  z-index: 3;
  border-color: #38d39f;
  box-shadow: 0 8px 24px rgba(56, 211, 159, 0.12);
}
.carro-card.carro-card--impulsionado-destaque {
  border-color: #38d39f;
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.35);
  animation: uaal-impulso-destaque 1.2s ease 2;
}

.estoque-lista-row.carro-card--impulsionado-destaque,
.estoque-lista-row.car-card--impulsionado-destaque {
  border-color: #38d39f;
  box-shadow: inset 3px 0 0 #38d39f;
  animation: uaal-impulso-destaque 1.2s ease 2;
}

@keyframes uaal-impulso-destaque {
  0%, 100% {
    box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.35);
  }
  50% {
    box-shadow: 0 0 0 4px rgba(56, 211, 159, 0.55);
  }
}
.carro-card-img {
  width: 100%;
  height: 160px;
  overflow: hidden;
  background: var(--cor-borda);
  border-radius: 16px 16px 0 0;
}
.carro-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.carro-card:hover .carro-card-img img {
  transform: scale(1.05);
}

.carro-card-body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.carro-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.carro-card-titulo-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
  min-width: 0;
}

.carro-card-nome {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--texto-principal);
  transition: color 0.3s ease;
  flex: 1;
  min-width: 0;
  line-height: 1.3;
}

.carro-card-status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 0.7rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  flex-shrink: 0;
}
.carro-card-status--disponivel {
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
}
.carro-card-status--vendido {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.carro-card-status--reservado {
  background: rgba(232, 154, 30, 0.12);
  color: #e19418;
}
.carro-card-status--arquivado {
  background: rgba(100, 116, 139, 0.15);
  color: #64748b;
}
.carro-card-status--nao-vendido {
  background: rgba(15, 23, 42, 0.92);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.carro-card-detalhes {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
  flex: 1;
}

.carro-card-detalhe-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  color: var(--texto-secundario);
  transition: color 0.3s ease;
}
.carro-card-detalhe-item i {
  color: #38d39f;
  font-size: 0.75rem;
  width: 14px;
  text-align: center;
}
.carro-card-detalhe-item span {
  text-transform: capitalize;
}

.carro-card-indicadores {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.carro-card-indicador {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  font-size: 0.75rem;
  transition: all 0.2s ease;
  cursor: help;
}
.carro-card-indicador--sim {
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}
.carro-card-indicador--sim:hover {
  background: rgba(56, 211, 159, 0.2);
  transform: scale(1.1);
}
.carro-card-indicador--nao {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
  opacity: 0.7;
}
.carro-card-indicador--nao:hover {
  background: rgba(220, 53, 69, 0.2);
  transform: scale(1.1);
  opacity: 1;
}

.carro-card-observacao-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}

.carro-card-observacao-icon {
  color: #ff9800;
  font-size: 1.1rem;
  cursor: help;
  animation: pulse-observacao 2s infinite;
  transition: transform 0.2s ease;
}
.carro-card-observacao-icon:hover {
  transform: scale(1.2);
}

@keyframes pulse-observacao {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.carro-card-observacao-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  max-height: min(50vh, 280px);
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 1.4;
  white-space: normal;
  max-width: 250px;
  min-width: 200px;
  word-wrap: break-word;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  visibility: hidden;
}
.carro-card-observacao-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.95);
}

.carro-card-observacao-wrapper:hover .carro-card-observacao-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.carro-card-laudo-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  z-index: 1;
}
.carro-card-laudo-wrapper:hover {
  z-index: 50;
}

.carro-card-laudo-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  font-family: "Poppins", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: help;
  border: 1px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.carro-card-laudo-pill__icon {
  font-size: 0.72rem;
  opacity: 0.95;
}
.carro-card-laudo-pill__text {
  white-space: nowrap;
}
.carro-card-laudo-pill:hover {
  transform: scale(1.03);
}
.carro-card-laudo-pill--aprovado {
  background: rgba(56, 211, 159, 0.14);
  color: #32be8f;
  border-color: rgba(56, 211, 159, 0.35);
}
.carro-card-laudo-pill--reprovado {
  background: rgba(220, 53, 69, 0.12);
  color: #c82333;
  border-color: rgba(220, 53, 69, 0.35);
  animation: pulse-laudo-alerta 2.2s ease-in-out infinite;
}
.carro-card-laudo-pill--apontamento {
  background: rgba(255, 152, 0, 0.16);
  color: #e65100;
  border-color: rgba(255, 152, 0, 0.45);
}
.carro-card-laudo-pill--default {
  background: rgba(0, 0, 0, 0.06);
  color: var(--texto-secundario);
  border-color: var(--cor-borda);
}

@keyframes pulse-laudo-alerta {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.82;
  }
}
.carro-card-laudo-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: rgba(5, 12, 20, 0.98);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.35;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 60;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  visibility: hidden;
}
.carro-card-laudo-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(5, 12, 20, 0.98);
}
.carro-card-laudo-tooltip__titulo {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.75;
}
.carro-card-laudo-tooltip__valor {
  font-weight: 600;
}

.carro-card-laudo-wrapper:hover .carro-card-laudo-tooltip {
  opacity: 1;
  visibility: visible;
}

.carro-card-valor {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #32be8f;
  margin: 0;
  line-height: 1.2;
}

.carro-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--cor-borda);
}

.carro-card-linha-impulsionar {
  width: calc(100% + 32px);
  margin: 12px -16px -16px;
  flex-shrink: 0;
}

.carro-card-btn-impulsionar {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 16px 13px;
  margin: 0;
  border: none;
  border-top: 1px solid var(--cor-borda);
  border-radius: 0 0 16px 16px;
  background: transparent;
  color: var(--texto-secundario);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}
.carro-card-btn-impulsionar__icone {
  font-size: 0.78rem;
  color: #38d39f;
  opacity: 0.88;
}
.carro-card-btn-impulsionar__label {
  line-height: 1.2;
}
.carro-card-btn-impulsionar:hover {
  background: rgba(56, 211, 159, 0.06);
  color: #32be8f;
}
.carro-card-btn-impulsionar:hover .carro-card-btn-impulsionar__icone {
  opacity: 1;
}
.carro-card-btn-impulsionar:active {
  background: rgba(56, 211, 159, 0.09);
}

.carro-card-impulsionado-badge--pendente {
  background: rgba(184, 134, 11, 0.1);
}
.carro-card-impulsionado-badge--pendente .carro-card-impulsionado-badge__icone {
  color: #b8860b;
}
.carro-card-impulsionado-badge--pendente .carro-card-impulsionado-badge__titulo {
  color: #8a6914;
}

.carro-card-impulsionado-badge {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 11px 16px 13px;
  border: none;
  border-top: 1px solid var(--cor-borda);
  border-radius: 0 0 16px 16px;
  background: rgba(56, 211, 159, 0.07);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  user-select: none;
  pointer-events: none;
}

.carro-card-impulsionado-badge__icone {
  flex-shrink: 0;
  font-size: 0.78rem;
  color: #38d39f;
  line-height: 1;
  opacity: 0.95;
}

.carro-card-impulsionado-badge__core {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.carro-card-impulsionado-badge__titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: #32be8f;
  white-space: nowrap;
}

.carro-card-impulsionado-badge__meta {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--texto-terciario);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.carro-card-extras {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-height: 28px;
}

.carro-card-extras-start {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}

.carro-card-acoes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.carro-card-acao {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--texto-terciario);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.carro-card-acao:hover {
  background: rgba(56, 211, 159, 0.06);
  border-color: #38d39f;
  color: #38d39f;
}
.carro-card-acao--delete:hover {
  background: rgba(220, 53, 69, 0.08);
  border-color: #dc3545;
  color: #dc3545;
}

.cadastro-form-grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 900px) {
  .cadastro-form-grid--3 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 600px) {
  .cadastro-form-grid--3 {
    grid-template-columns: 1fr;
  }
}

.cadastro-form-grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1100px) {
  .cadastro-form-grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .cadastro-form-grid--4 {
    grid-template-columns: 1fr;
  }
}

.carro-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
}
.carro-form-footer .carro-btn-prev {
  background: transparent;
  border: 1px solid var(--cor-borda);
  color: var(--texto-secundario);
}
.carro-form-footer .carro-btn-prev i {
  color: inherit;
}
.carro-form-footer .carro-btn-next {
  margin-left: auto;
}
.carro-form-footer .carro-btn-submit-final {
  margin-left: auto;
}

.carro-secao {
  margin-bottom: 20px;
}

.carro-secao-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--texto-principal);
  margin: 0 0 14px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--cor-borda);
  display: flex;
  align-items: center;
  gap: 8px;
}
.carro-secao-titulo i {
  color: #38d39f;
  font-size: 0.95rem;
}

.carro-opc-ia-status {
  margin: -6px 0 10px;
  font-size: 0.85rem;
  line-height: 1.35;
  color: var(--texto-secundario, #8a93a3);
  min-height: 1.2em;
}
.carro-opc-ia-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin: 0 0 12px;
}
.carro-opc-ia-bar .carro-opc-ia-status {
  margin: 0;
  flex: 1 1 200px;
}
.carro-opc-ia-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.carro-opc-ia-btn:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.18);
  border-color: rgba(56, 211, 159, 0.55);
}
.carro-opc-ia-btn:disabled {
  opacity: 0.55;
  cursor: wait;
}
.carro-opc-ia-status--loading {
  color: #7eb8ff;
}
.carro-opc-ia-status--ok {
  color: #38d39f;
}
.carro-opc-ia-status--erro {
  color: #ff6b6b;
}

/* Dropdown custom do cadastro de veículos */
.uaal-select {
  position: relative;
  width: 100%;
  z-index: 1;
}
.uaal-select--open {
  z-index: 80;
}
.uaal-select__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.uaal-select__trigger {
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0 36px 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.uaal-select__trigger--placeholder {
  color: #64748b;
}
.uaal-select__trigger:hover,
.uaal-select--open .uaal-select__trigger,
.uaal-select__trigger:focus {
  border-color: rgba(0, 229, 176, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.12);
}
.uaal-select__list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 90;
  max-height: min(50vh, 320px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: #0b1725;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
.uaal-select__option {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: transparent;
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
.uaal-select__option:last-child {
  border-bottom: none;
}
.uaal-select__option:hover,
.uaal-select__option:focus {
  outline: none;
  background: rgba(56, 211, 159, 0.1);
  color: #fff;
}
.uaal-select__option--active {
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
}
.uaal-select__group {
  padding: 10px 12px 4px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #64748b;
  pointer-events: none;
  user-select: none;
}
.uaal-select__list--fixed {
  position: fixed !important;
  margin-top: 0;
  right: auto;
  z-index: 20000 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}
.cadastro-campo-hint {
  margin: 4px 0 0;
  font-size: 0.72rem;
  line-height: 1.35;
  color: #94a3b8;
}
.cad-campo-so-moto[hidden],
.cad-campo-so-carro[hidden] {
  display: none !important;
}

.carro-upload-success {
  text-align: center;
  padding: 32px 0 24px;
}

.carro-upload-success-icon {
  font-size: 3rem;
  color: #38d39f;
  margin-bottom: 12px;
}

.carro-upload-success-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: var(--texto-principal);
  margin-bottom: 8px;
}

.carro-upload-success-sub {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-terciario);
}

.carro-upload-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .carro-upload-grid {
    grid-template-columns: 1fr;
  }
}

.carro-upload-card {
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 16px;
  padding: 24px;
}

.carro-upload-card-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: var(--texto-principal);
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.carro-upload-card-titulo i {
  color: #38d39f;
}

.carro-upload-card-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-terciario);
  margin-bottom: 16px;
  line-height: 1.5;
}

.carro-upload-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.carro-upload-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(56, 211, 159, 0.25);
  background: rgba(56, 211, 159, 0.08);
  color: #32be8f;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
}

.carro-upload-status {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-terciario);
}

.carro-upload-area {
  border: 2px dashed var(--cor-borda);
  border-radius: 12px;
  padding: 28px 20px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.carro-upload-area i {
  font-size: 2rem;
  color: var(--cor-icone);
  margin-bottom: 8px;
  display: block;
}
.carro-upload-area p {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-terciario);
  margin-bottom: 4px;
}
.carro-upload-area span {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--cor-icone);
}
.carro-upload-area input[type=file] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.carro-upload-area--hover, .carro-upload-area--loading, .carro-upload-area--success {
  border-color: #38d39f;
}
.carro-upload-area--hover {
  background: rgba(56, 211, 159, 0.05);
  transform: translateY(-1px);
}
.carro-upload-area--loading {
  background: rgba(232, 154, 30, 0.08);
}
.carro-upload-area--success {
  background: rgba(56, 211, 159, 0.08);
}
.carro-upload-area--error {
  border-color: #e89a1e;
  background: rgba(232, 154, 30, 0.08);
}

.carro-imagens-preview {
  display: grid;
  width: 100%;
  gap: 8px;
  margin-top: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  justify-items: center;
  align-items: start;
}
@media screen and (max-width: 1100px) {
  .carro-imagens-preview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 780px) {
  .carro-imagens-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 420px) {
  .carro-imagens-preview {
    grid-template-columns: minmax(0, 1fr);
  }
}

.carro-img-preview-item {
  position: relative;
  width: 100%;
  max-width: 190px;
  height: auto;
  aspect-ratio: 190/145;
  border-radius: 14px;
  overflow: hidden;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform;
}
.carro-img-preview-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carro-img-preview-item:hover {
  transform: translateY(-2px);
}
.carro-img-preview-item.sortable-chosen {
  transform: none !important;
}
.carro-img-preview-item--principal {
  border-color: #38d39f;
  box-shadow: 0 8px 18px rgba(56, 211, 159, 0.16);
}

.carro-img-preview-ghost {
  opacity: 0.45;
  transform: scale(0.98);
}

.carro-img-principal-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(56, 211, 159, 0.85);
  color: #fff;
  font-size: 0.55rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-align: center;
  padding: 2px 0;
  text-transform: uppercase;
  display: none;
}

.carro-img-preview-item--principal .carro-img-principal-badge {
  display: block;
}

.carro-img-preview-acoes {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.carro-img-preview-acao {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(21, 21, 21, 0.72);
  color: #fff;
  transition: transform 0.15s ease, background 0.2s ease;
}
.carro-img-preview-acao:hover {
  transform: scale(1.08);
}
.carro-img-preview-acao--principal {
  background: rgba(56, 211, 159, 0.92);
}
.carro-img-preview-acao--remover {
  background: rgba(232, 154, 30, 0.92);
}

.carro-doc-preview {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  margin-top: 12px;
}
.carro-doc-preview i {
  color: #dc3545;
  font-size: 1.2rem;
}
.carro-doc-preview span {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-secundario);
  word-break: break-all;
}

.carro-btn-upload {
  margin-top: 12px;
  max-width: 100%;
  width: 100%;
}

.carro-doc-pdf-regra {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--texto-principal);
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.35);
  border-radius: 10px;
  padding: 10px 12px;
  margin: 0 0 10px 0;
  transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}

.carro-docs-cadastro-bloco {
  margin-top: 10px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-pagina);
}

.carro-docs-cadastro-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.carro-doc-cadastro-card {
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-corpo);
  overflow: hidden;
}

.carro-doc-cadastro-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 0 12px 0 14px;
  border-bottom: 1px solid var(--cor-borda);
  background: rgba(0, 0, 0, 0.03);
}

.carro-doc-cadastro-card__titulo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-principal);
}
.carro-doc-cadastro-card__titulo i {
  color: #dc3545;
  font-size: 1rem;
}

.carro-doc-cadastro-card__btn-remover {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 4px 0;
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  background: var(--fundo-corpo);
  color: #c0392b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.carro-doc-cadastro-card__btn-remover:hover {
  background: rgba(192, 57, 43, 0.08);
  border-color: rgba(192, 57, 43, 0.35);
}

.carro-doc-cadastro-card__body {
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.carro-doc-cadastro-card__field {
  min-width: 0;
  width: 100%;
}

.carro-doc-cadastro-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
@media (min-width: 600px) {
  .carro-doc-cadastro-toolbar {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}

.carro-doc-cadastro-toolbar__arquivo {
  display: block;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-pagina);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 42px;
  color: var(--texto-secundario);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 600px) {
  .carro-doc-cadastro-toolbar__arquivo {
    flex: 1 1 auto;
    min-width: 0;
  }
}

.carro-doc-cadastro-toolbar__acoes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media (min-width: 600px) {
  .carro-doc-cadastro-toolbar__acoes {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: auto;
  }
}

.carro-doc-cadastro-toolbar__btn {
  height: 42px;
  padding: 0 12px;
  margin: 0;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  transition: opacity 0.15s ease, border-color 0.15s ease;
}
@media (min-width: 600px) {
  .carro-doc-cadastro-toolbar__btn {
    min-width: 118px;
    flex: 0 0 auto;
  }
}

.carro-doc-cadastro-toolbar__btn--prim {
  border-color: rgba(56, 211, 159, 0.55);
  background: rgba(56, 211, 159, 0.15);
  color: rgb(28.0296296296, 126.7703703704, 93.6444444444);
}
.carro-doc-cadastro-toolbar__btn--prim:hover {
  background: rgba(56, 211, 159, 0.28);
}

.carro-doc-cadastro-toolbar__btn--sec {
  border-color: var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
}
.carro-doc-cadastro-toolbar__btn--sec:hover {
  border-color: rgba(232, 154, 30, 0.45);
  color: rgb(182.1774193548, 119.0225806452, 18.6225806452);
}

.carro-docs-cadastro-add {
  margin-top: 12px;
  width: 100%;
  max-width: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
}

.edit-documentos-lista {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.edit-doc-linha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 12px 14px;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-pagina);
}

.edit-doc-titulo {
  flex: 1 1 160px;
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: var(--texto-principal);
  word-break: break-word;
}

.edit-doc-linha a {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: #38d39f;
}

.edit-doc-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid transparent;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.2;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.edit-doc-btn i {
  font-size: 0.78rem;
}

.edit-doc-btn--abrir {
  background: rgba(56, 211, 159, 0.12);
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
}

.edit-doc-btn--abrir:hover {
  background: rgba(56, 211, 159, 0.2);
  color: #2fbf8d;
}

.edit-doc-btn--baixar {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.35);
  color: #3b82f6;
}

.edit-doc-btn--baixar:hover {
  background: rgba(59, 130, 246, 0.2);
  color: #2563eb;
}

.edit-doc-btn--remover,
.edit-doc-remover {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  padding: 7px 12px;
  border: 1px solid rgba(232, 154, 30, 0.35);
  border-radius: 8px;
  background: transparent;
  color: #e89a1e;
  cursor: pointer;
}

.edit-doc-btn--remover:hover,
.edit-doc-remover:hover {
  background: rgba(232, 154, 30, 0.12);
}

.estoque-docs-lista {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 4px;
}

.estoque-doc-linha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 14px;
  padding: 12px 14px;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-pagina);
}

.estoque-doc-titulo {
  flex: 1 1 160px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: var(--texto-principal);
  word-break: break-word;
}

.estoque-doc-titulo i {
  color: #e74c3c;
}

.estoque-doc-acoes {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.carro-upload-finalizar {
  text-align: center;
  margin-top: 32px;
}
.carro-upload-finalizar .cadastro-btn-submit {
  margin: 0 auto;
}

.carro-doc-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}

.carro-doc-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--texto-principal);
  margin-top: 12px;
  margin-bottom: 6px;
}

.carro-doc-texto {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  margin: 0 0 14px 0;
}

.carro-doc-drop {
  border: 2px dashed var(--cor-borda);
  border-radius: 12px;
  padding: 16px 14px;
  width: 100%;
  max-width: 260px;
  text-align: center;
}
.carro-doc-drop i {
  font-size: 1.6rem;
  color: #38d39f;
  margin-bottom: 6px;
  display: block;
}
.carro-doc-drop p {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-secundario);
  margin-bottom: 4px;
}
.carro-doc-drop span {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--texto-terciario);
  display: block;
}

.carro-doc-btn-select {
  margin-top: 12px;
  padding: 10px 16px;
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--texto-secundario);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  width: 100%;
  max-width: 260px;
  justify-content: center;
}
.carro-doc-btn-select i {
  color: #38d39f;
  font-size: 0.9rem;
}
.carro-doc-btn-select:hover {
  background: rgba(56, 211, 159, 0.06);
  border-color: #38d39f;
  color: #38d39f;
}

.carro-upload-btn-select {
  margin-top: 12px;
  padding: 10px 16px;
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--texto-secundario);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s ease;
  width: 100%;
}
.carro-upload-btn-select i {
  color: #38d39f;
  font-size: 0.9rem;
}
.carro-upload-btn-select:hover {
  background: rgba(56, 211, 159, 0.06);
  border-color: #38d39f;
  color: #38d39f;
}

.fipe-test .cadastro-header-principal {
  margin-bottom: 1rem;
}
.fipe-test .fipe-test__fluxo {
  width: 100%;
  max-width: 100%;
}
.fipe-test .fipe-test__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: flex-end;
  margin-bottom: 0.75rem;
}
.fipe-test .fipe-test__campo-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  align-items: flex-end;
}
.fipe-test .fipe-test__btn {
  padding: 0.55rem 1rem;
  border-radius: 8px;
  border: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  background: #38d39f;
  color: #fff;
  transition: opacity 0.2s ease, transform 0.15s ease;
}
.fipe-test .fipe-test__btn:hover:not(:disabled) {
  opacity: 0.92;
}
.fipe-test .fipe-test__btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.fipe-test .fipe-test__btn--ghost {
  background: transparent;
  color: var(--texto-secundario);
  border: 1px solid var(--cor-borda);
}
.fipe-test .fipe-test__btn--ghost:hover:not(:disabled) {
  color: #38d39f;
  border-color: #38d39f;
}
.fipe-test .fipe-test__pre {
  background: var(--cor-fundo-card, rgba(0, 0, 0, 0.04));
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.75rem;
  line-height: 1.4;
  overflow: auto;
  max-height: 320px;
  margin: 0 0 0.75rem 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
.fipe-test {
  /** Tabela: reutiliza .cadastro-tabela; scroll só no FIPE; largura total do container */
}
.fipe-test .fipe-test__table-scroll {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.75rem;
  max-height: min(420px, 58vh);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.fipe-test {
  /** Cadastro centraliza última coluna; no FIPE mantém tudo à esquerda */
}
.fipe-test .fipe-test__tabela-fipe th:last-child,
.fipe-test .fipe-test__tabela-fipe td:last-child {
  text-align: left;
}
.fipe-test .fipe-test__progress {
  font-size: 0.85rem;
  color: var(--texto-secundario);
  margin: 0.5rem 0;
  min-height: 1.25em;
}
.fipe-test {
  /** Combobox (marca, modelo e ano/versão) */
}
.fipe-test .fipe-test__combo {
  position: relative;
  width: 100%;
}
.fipe-test .fipe-test__combo-input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: none;
  color: var(--texto-secundario);
  font-size: 0.95rem;
  font-family: "Poppins", sans-serif;
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
}
.fipe-test .fipe-test__combo-input::placeholder {
  color: var(--texto-terciario);
}
.fipe-test .fipe-test__combo-input:focus {
  border-color: #38d39f;
}
.fipe-test .fipe-test__combo-input:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
.fipe-test .fipe-test__combo-list {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 40;
  margin-top: 6px;
  max-height: min(55vh, 320px);
  overflow-y: auto;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-formulario);
  box-shadow: 0 8px 24px rgba(21, 21, 21, 0.12);
}
.fipe-test .fipe-test__combo-item {
  display: block;
  width: 100%;
  padding: 0.55rem 0.85rem;
  border: none;
  border-bottom: 1px solid var(--cor-borda);
  background: transparent;
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease;
}
.fipe-test .fipe-test__combo-item:last-child {
  border-bottom: none;
}
.fipe-test .fipe-test__combo-item:hover, .fipe-test .fipe-test__combo-item:focus {
  outline: none;
  background: rgba(56, 211, 159, 0.08);
}

.cadastro-fipe-modal__texto {
  margin: 0 0 1rem;
  color: var(--texto-secundario, #64748b);
  font-size: 0.92rem;
  line-height: 1.45;
}
.cadastro-fipe-modal__trocar-tipo {
  display: inline;
  margin-left: 0.35rem;
  padding: 0;
  border: none;
  background: none;
  color: #38d39f;
  font: inherit;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.cadastro-fipe-modal__trocar-tipo:hover {
  color: #2bbf8c;
}
.cadastro-fipe-tipo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin: 0 0 0.5rem;
}
.cadastro-fipe-tipo__btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 108px;
  padding: 1rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
}
.cadastro-fipe-tipo__btn i {
  font-size: 1.55rem;
  color: #94a3b8;
}
.cadastro-fipe-tipo__btn:hover {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.08);
  transform: translateY(-1px);
}
.cadastro-fipe-tipo__btn:hover i,
.cadastro-fipe-tipo__btn--ativo i {
  color: #38d39f;
}
.cadastro-fipe-tipo__btn--ativo {
  border-color: rgba(56, 211, 159, 0.55);
  background: rgba(56, 211, 159, 0.12);
  color: #fff;
}
.cadastro-fipe-modal__step[hidden] {
  display: none !important;
}

.cadastro-fipe-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  overflow: auto;
  pointer-events: none;
}
.cadastro-fipe-modal .cadastro-campo label {
  color: var(--texto-principal);
}
.cadastro-fipe-modal.cadastro-fipe-modal--open {
  display: flex;
  pointer-events: auto;
}
.cadastro-fipe-modal .fipe-test__fluxo,
.cadastro-fipe-modal .fipe-test__campo-row,
.cadastro-fipe-modal .fipe-test__campo-row .cadastro-campo,
.cadastro-fipe-modal .fipe-test__combo,
.cadastro-fipe-modal .fipe-test__combo-input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.cadastro-fipe-modal .fipe-test__campo-row {
  display: block;
  grid-template-columns: none;
  margin-bottom: 0.85rem;
}
.cadastro-fipe-modal .fipe-test__combo {
  position: relative;
  z-index: 1;
}
.cadastro-fipe-modal .fipe-test__combo:focus-within,
.cadastro-fipe-modal .fipe-test__combo:has(.fipe-test__combo-list:not([hidden])) {
  z-index: 8;
}
.cadastro-fipe-modal .fipe-test__combo-list {
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  max-height: min(42vh, 280px);
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
.cadastro-fipe-modal .fipe-test__combo-item {
  white-space: normal;
  word-break: break-word;
  box-sizing: border-box;
}
.cadastro-fipe-modal .fipe-test__actions,
.cadastro-fipe-modal .cadastro-fipe-modal__actions {
  width: 100%;
}

.cadastro-fipe-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
  cursor: pointer;
}

.cadastro-fipe-modal__panel {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  max-height: min(92vh, 720px);
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
  background: var(--fundo-formulario, #fff);
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18);
}

.cadastro-fipe-modal__inner {
  padding: 1.25rem 1.35rem 1.5rem;
  overflow: visible;
  box-sizing: border-box;
}

.cadastro-fipe-modal__titulo {
  margin: 0 0 0.5rem;
  font-size: clamp(0.95rem, 2.5vw, 1.1rem);
  font-weight: 600;
  line-height: 1.3;
  color: var(--texto-principal);
}

.cadastro-fipe-modal__texto {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.cadastro-fipe-modal__actions {
  margin-top: 0.5rem;
  justify-content: flex-end;
}

body.cadastro-fipe-modal-aberto {
  overflow: hidden;
}

.carro-fipe-ref-secao {
  margin-bottom: 1rem;
}

.carro-fipe-ref-aviso {
  font-size: 0.82rem;
  color: var(--texto-secundario);
  margin: 0 0 0.5rem;
}

.carro-fipe-ref-valor {
  display: flex;
  align-items: center;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--cor-fundo-card, rgba(0, 0, 0, 0.03));
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--texto-principal);
}

.carro-fipe-ref-campo .carro-fipe-ref-aviso--compact {
  margin-top: 6px;
  font-size: 0.78rem;
}

.carro-fipe-ref-btn {
  margin-top: 8px;
  width: 100%;
  justify-content: center;
}

.estoque-wrapper {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  .estoque-wrapper > .cadastro-container {
    padding: 16px 12px;
  }
  .estoque-wrapper > .cadastro-container:has(.estoque-filtros) > .cadastro-header-principal {
    margin-bottom: 16px;
    padding-bottom: 12px;
    gap: 16px;
  }
  .estoque-wrapper > .cadastro-container:has(.estoque-filtros) .crm-toolbar {
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 10px;
  }
  .estoque-wrapper > .cadastro-container:has(.estoque-filtros) {
    /* Evita “vão” após os filtros: parágrafo de erro vazio ainda tinha margin; grid tinha margin-top extra */
  }
  .estoque-wrapper > .cadastro-container:has(.estoque-filtros) #lista-msg:empty {
    display: none;
    margin: 0;
  }
  .estoque-wrapper > .cadastro-container:has(.estoque-filtros) #carrosGrid.cars-section {
    margin-top: 0;
  }
}

.cadastro-container {
  width: 100%;
  max-width: 1300px;
  min-height: 400px;
  margin: 24px auto 0;
  padding: 24px 16px;
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(21, 21, 21, 0.15), 0 8px 25px rgba(21, 21, 21, 0.12), 0 3px 10px rgba(21, 21, 21, 0.08);
  overflow: visible;
  transition: background 0.3s ease;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.cadastro-container > * {
  flex-shrink: 0;
}
.cadastro-container #carrosGrid,
.cadastro-container #carrosLista {
  flex-shrink: 0;
  min-height: 0;
}
@media screen and (max-width: 900px) {
  .cadastro-container {
    min-height: auto;
    margin-top: 0;
  }
}

.cadastro-container--vendas {
  height: auto;
  min-height: 400px;
}

.estoque-filtros {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .estoque-filtros {
    justify-content: flex-start;
    flex: 0 0 auto;
    min-height: 0;
    margin-bottom: 8px;
    gap: 8px;
  }
}

.estoque-filtros-linha-1 {
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}
.estoque-filtros-linha-1 .estoque-filtros-busca-grupo {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 1 1 420px;
  min-width: 0;
  max-width: min(100%, 780px);
}
.estoque-filtros-linha-1 .estoque-filtros-busca-grupo .estoque-filtro-busca {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 1 0;
  min-width: 0;
}
.estoque-filtros-linha-1 .estoque-filtros-busca-grupo .estoque-filtro-busca i {
  left: 12px;
  font-size: 0.82rem;
}
.estoque-filtros-linha-1 .estoque-filtros-busca-grupo .estoque-filtro-busca input {
  width: 100%;
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 12px 10px 36px;
  font-size: 0.85rem;
  line-height: 1.35;
  border-radius: 10px;
  border-width: 2px;
}
.estoque-filtros-linha-1 .estoque-filtro-busca--compacta {
  flex: 1 1 0;
  min-width: min(100%, 180px);
  max-width: none;
}
.estoque-filtros-linha-1 .estoque-filtro-busca--placa {
  flex: 1 1 0;
  min-width: min(100%, 180px);
  max-width: none;
}
.estoque-filtros-linha-1 .estoque-ordenacao-wrapper {
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .estoque-filtros-linha-1 {
    gap: 8px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    /* Em coluna, flex-basis 420px vira ALTURA — gerava faixa enorme abaixo das buscas */
  }
  .estoque-filtros-linha-1 .estoque-filtros-busca-grupo {
    width: 100%;
    max-width: none;
    gap: 8px;
    align-items: flex-start;
    flex: 0 1 auto;
    flex-basis: auto;
    min-height: 0;
  }
  .estoque-filtros-linha-1 .estoque-filtro-busca--compacta,
  .estoque-filtros-linha-1 .estoque-filtro-busca--placa {
    max-width: none;
    min-width: 0;
    flex: 1 1 auto;
  }
  .estoque-filtros-linha-1 .estoque-ordenacao-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
  }
}
@media screen and (max-width: 600px) {
  .estoque-filtros-linha-1 .estoque-filtros-busca-grupo {
    flex-direction: column;
    align-items: stretch;
    flex: 0 1 auto;
    flex-basis: auto;
    min-height: 0;
  }
  .estoque-filtros-linha-1 .estoque-filtro-busca--compacta,
  .estoque-filtros-linha-1 .estoque-filtro-busca--placa {
    flex: 0 0 auto;
    width: 100%;
  }
}

.estoque-filtros-linha-2 {
  display: flex;
  align-items: center;
  align-content: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
}
.estoque-filtros-linha-2 .estoque-filtros-direita {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
@media screen and (max-width: 900px) {
  .estoque-filtros-linha-2 {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .estoque-filtros-linha-2 .estoque-visual-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .estoque-filtros-linha-2 .estoque-filtros-direita {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.estoque-filtro-busca {
  position: relative;
  flex: 1;
  min-width: 200px;
  max-width: 100%;
}
.estoque-filtro-busca i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cor-icone);
  font-size: 0.85rem;
  pointer-events: none;
  transition: color 0.3s ease;
}
.estoque-filtro-busca input {
  width: 100%;
  padding: 10px 14px 10px 38px;
  border: 2px solid var(--cor-borda);
  border-radius: 10px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: var(--texto-secundario);
  outline: none;
  transition: border-color 0.3s ease, color 0.3s ease;
}
.estoque-filtro-busca input:focus {
  border-color: #38d39f;
}
.estoque-filtro-busca input:focus + i,
.estoque-filtro-busca input:focus ~ i {
  color: #38d39f;
}
.estoque-filtro-busca input::placeholder {
  color: var(--texto-terciario);
}
.estoque-filtro-busca:focus-within i {
  color: #38d39f;
}

.estoque-filtro-status {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  .estoque-filtro-status {
    gap: 4px;
  }
}

.estoque-status-chip {
  padding: 7px 14px;
  border-radius: 20px;
  border: 1.5px solid var(--cor-borda);
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.estoque-status-chip:hover {
  border-color: #38d39f;
  color: #38d39f;
}
.estoque-status-chip--ativo {
  background: rgba(56, 211, 159, 0.1);
  border-color: #38d39f;
  color: #38d39f;
  font-weight: 600;
}
.estoque-status-chip--disponivel.estoque-status-chip--ativo {
  background: rgba(56, 211, 159, 0.1);
  border-color: #38d39f;
  color: #32be8f;
}
.estoque-status-chip--reservado.estoque-status-chip--ativo {
  background: rgba(232, 154, 30, 0.1);
  border-color: #e19418;
  color: #e19418;
}
.estoque-status-chip--vendido.estoque-status-chip--ativo {
  background: rgba(220, 53, 69, 0.08);
  border-color: #dc3545;
  color: #dc3545;
}

.estoque-filtros-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border: 1.5px solid var(--cor-borda);
  border-radius: 10px;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.estoque-filtros-toggle i {
  font-size: 0.78rem;
}
.estoque-filtros-toggle:hover, .estoque-filtros-toggle--ativo {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.estoque-visual-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.estoque-ordenacao-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.estoque-ordenacao-select {
  padding: 8px 12px;
  border: 1.5px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  min-width: 180px;
}
.estoque-ordenacao-select:hover {
  border-color: #38d39f;
  color: #38d39f;
}
.estoque-ordenacao-select:focus {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.02);
}
@media screen and (max-width: 900px) {
  .estoque-ordenacao-select {
    flex: 1;
    min-width: 0;
  }
}

.estoque-visual-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-terciario);
}

.estoque-visual-group {
  display: inline-flex;
  align-items: center;
  background: var(--fundo-formulario);
  border-radius: 999px;
  padding: 2px;
  border: 1px solid var(--cor-borda);
}

.estoque-visual-opcao {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.estoque-visual-opcao i {
  font-size: 0.78rem;
}
.estoque-visual-opcao--ativo {
  background: #38d39f;
  color: #fff;
}
.estoque-visual-opcao--ativo i {
  color: #fff;
}

.estoque-filtros-avancados {
  display: none;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 14px;
  transition: background 0.3s ease, border-color 0.3s ease;
  flex-shrink: 0;
  width: 100%;
}
.estoque-filtros-avancados--aberto {
  display: flex;
}
.estoque-filtros-avancados .estoque-filtros-grupo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
  margin-bottom: 20px;
}
.estoque-filtros-avancados .estoque-filtros-grupo:last-child {
  margin-bottom: 0;
}
.estoque-filtros-avancados .estoque-filtros-grupo-titulo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--texto-principal);
  margin: 0 0 12px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--cor-borda);
}
.estoque-filtros-avancados .estoque-filtros-grupo-titulo i {
  color: #38d39f;
  font-size: 0.85rem;
}
.estoque-filtros-avancados .estoque-filtros-grupo-campos {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}
.estoque-filtros-avancados .estoque-filtros-opcionais {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
}
.estoque-filtros-avancados .estoque-filtros-opcionais .cadastro-toggle {
  padding: 8px 12px;
  font-size: 0.8rem;
}
.estoque-filtros-avancados .estoque-filtros-opcionais .cadastro-toggle-label {
  font-size: 0.8rem;
}
.estoque-filtros-avancados .cadastro-campo label {
  font-size: 0.72rem;
}
.estoque-filtros-avancados .cadastro-campo input, .estoque-filtros-avancados .cadastro-campo select {
  padding: 9px 12px;
  font-size: 0.85rem;
}
@media screen and (max-width: 900px) {
  .estoque-filtros-avancados {
    padding: 14px;
    gap: 12px;
  }
  .estoque-filtros-avancados .estoque-filtros-grupo {
    margin-bottom: 12px;
    gap: 8px;
  }
  .estoque-filtros-avancados .estoque-filtros-grupo-titulo {
    margin-bottom: 8px;
    padding-bottom: 6px;
  }
  .estoque-filtros-avancados .estoque-filtros-grupo-campos {
    gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  }
}

.estoque-filtros-limpar {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  border: 1.5px solid rgba(220, 53, 69, 0.35);
  border-radius: 10px;
  background: transparent;
  color: #dc3545;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  align-self: flex-end;
  margin-top: 8px;
}
.estoque-filtros-limpar i {
  font-size: 0.78rem;
}
.estoque-filtros-limpar:hover {
  background: rgba(220, 53, 69, 0.07);
}

.estoque-filtros-resultado {
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-terciario);
  margin-bottom: 4px;
  transition: color 0.3s ease;
}

.estoque-lista {
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  overflow: hidden;
  margin-top: 8px;
}

.estoque-lista-header,
.estoque-lista-row {
  display: grid;
  grid-template-columns: 1.1fr 2fr 0.8fr 1fr 1.2fr 1.4fr;
  align-items: center;
  padding: 10px 16px;
  column-gap: 12px;
}

.estoque-lista--vendas-historico .estoque-lista-header,
.estoque-lista--vendas-historico .estoque-lista-row {
  grid-template-columns: 2.2fr 1.2fr 1.2fr 1.2fr 1.2fr 1.6fr 1.6fr;
}

.estoque-lista-header {
  background: var(--fundo-corpo);
  border-bottom: 1px solid var(--cor-borda);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.estoque-lista-row {
  cursor: pointer;
  border-bottom: 1px solid var(--cor-borda);
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-secundario);
  transition: background 0.2s ease;
}
.estoque-lista-row:last-child {
  border-bottom: none;
}
.estoque-lista-row:hover {
  background: rgba(56, 211, 159, 0.03);
}
.estoque-lista-row.estoque-lista-row--selecionado {
  background: rgba(56, 211, 159, 0.08);
  box-shadow: inset 3px 0 0 #38d39f;
}

.estoque-lista-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}

.estoque-lista-cell--veiculo {
  white-space: normal;
  overflow: visible;
  align-items: center;
}

.estoque-lista-veiculo-linha {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
}

.estoque-lista-thumb {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 42px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
}
.estoque-lista-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.estoque-lista-row--arquivado .estoque-lista-thumb img {
  filter: saturate(0.72);
}

.estoque-lista-veiculo-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.estoque-lista-veiculo-nome {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.estoque-lista-laudo-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  padding: 3px 8px;
  border-radius: 6px;
  font-family: "Outfit", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.2;
  cursor: help;
  border: 1px solid transparent;
}
.estoque-lista-laudo-pill i {
  font-size: 0.65rem;
  opacity: 0.9;
}
.estoque-lista-laudo-pill--aprovado {
  background: rgba(56, 211, 159, 0.14);
  color: #32be8f;
  border-color: rgba(56, 211, 159, 0.35);
}
.estoque-lista-laudo-pill--reprovado {
  background: rgba(220, 53, 69, 0.12);
  color: #c82333;
  border-color: rgba(220, 53, 69, 0.35);
}
.estoque-lista-laudo-pill--apontamento {
  background: rgba(255, 152, 0, 0.16);
  color: #e65100;
  border-color: rgba(255, 152, 0, 0.45);
}
.estoque-lista-laudo-pill--default {
  background: rgba(0, 0, 0, 0.06);
  color: var(--texto-secundario);
  border-color: var(--cor-borda);
}

.estoque-lista-cell--valor {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  color: #32be8f;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  white-space: normal;
  overflow: visible;
}

.estoque-lista-valor-linha {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

.estoque-lista-valor-texto {
  white-space: nowrap;
  line-height: 1.2;
}

.estoque-lista-acoes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.estoque-lista-btn-impulsionar {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 12px;
  margin: 0;
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.78rem;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.estoque-lista-btn-impulsionar__icone {
  font-size: 0.72rem;
  color: #38d39f;
  opacity: 0.88;
}
.estoque-lista-btn-impulsionar__label {
  line-height: 1.2;
}
.estoque-lista-btn-impulsionar:hover {
  background: rgba(56, 211, 159, 0.06);
  border-color: rgba(56, 211, 159, 0.35);
  color: #32be8f;
}
.estoque-lista-btn-impulsionar:hover .estoque-lista-btn-impulsionar__icone {
  opacity: 1;
}
.estoque-lista-btn-impulsionar:active {
  background: rgba(56, 211, 159, 0.09);
}

.estoque-lista-btn-compartilhar {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 12px;
  margin: 0;
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-radius: 8px;
  background: rgba(96, 165, 250, 0.1);
  color: #93c5fd;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.78rem;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}
.estoque-lista-btn-compartilhar__icone {
  font-size: 0.72rem;
  color: #60a5fa;
  opacity: 0.95;
}
.estoque-lista-btn-compartilhar__label {
  line-height: 1.2;
}
.estoque-lista-btn-compartilhar:hover {
  background: rgba(96, 165, 250, 0.18);
  border-color: rgba(96, 165, 250, 0.45);
  color: #bfdbfe;
}
.estoque-lista-btn-compartilhar:hover .estoque-lista-btn-compartilhar__icone {
  opacity: 1;
}
.estoque-lista-btn-compartilhar:active {
  background: rgba(96, 165, 250, 0.22);
}

.estoque-lista-impulsionado-badge--pendente {
  background: rgba(184, 134, 11, 0.1);
  border-color: rgba(184, 134, 11, 0.35);
}
.estoque-lista-impulsionado-badge--pendente .estoque-lista-impulsionado-badge__icone {
  color: #b8860b;
}
.estoque-lista-impulsionado-badge--pendente .estoque-lista-impulsionado-badge__titulo {
  color: #8a6914;
}

.estoque-lista-impulsionado-badge {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 12px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: rgba(56, 211, 159, 0.07);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  user-select: none;
  pointer-events: none;
}

.estoque-lista-impulsionado-badge__icone {
  flex-shrink: 0;
  font-size: 0.72rem;
  color: #38d39f;
  line-height: 1;
  opacity: 0.95;
}

.estoque-lista-impulsionado-badge__core {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
}

.estoque-lista-impulsionado-badge__titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.78rem;
  letter-spacing: 0.01em;
  line-height: 1.2;
  color: #32be8f;
  white-space: nowrap;
}

.estoque-lista-impulsionado-badge__meta {
  font-family: "Poppins", sans-serif;
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--texto-terciario);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.estoque-lista-acao {
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.estoque-lista-acao:hover {
  background: rgba(56, 211, 159, 0.06);
  border-color: #38d39f;
  color: #38d39f;
}
.estoque-lista-acao--delete:hover {
  background: rgba(220, 53, 69, 0.08);
  border-color: #dc3545;
  color: #dc3545;
}
.estoque-lista-acao--whatsapp:hover {
  background: rgba(37, 211, 102, 0.12);
  border-color: #25d366;
  color: #25d366;
}

@media screen and (max-width: 900px) {
  .estoque-lista-header,
  .estoque-lista-row {
    grid-template-columns: 1fr 1.5fr 0.8fr 0.8fr 1.2fr 1.3fr;
  }
}
@media screen and (max-width: 640px) {
  .estoque-lista-header {
    display: none;
  }
  .estoque-lista-row {
    grid-template-columns: 1.4fr 1fr 1.2fr;
    grid-template-rows: auto auto;
    row-gap: 4px;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(1) {
    grid-column: 1/2;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(2) {
    grid-column: 2/4;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(3) {
    grid-column: 1/2;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(4) {
    display: none;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(5) {
    grid-column: 2/3;
  }
  .estoque-lista-row .estoque-lista-cell:nth-child(6) {
    grid-column: 1/-1;
    text-align: left;
    overflow: visible;
    white-space: normal;
  }
}
.cadastro-campo input[readonly],
.cadastro-campo textarea[readonly] {
  background: rgba(21, 21, 21, 0.03);
  color: var(--texto-terciario);
  border-style: dashed;
  cursor: default;
}

.cadastro-campo input:not([readonly]),
.cadastro-campo textarea:not([readonly]) {
  background: var(--fundo-corpo);
}

.estoque-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(21, 21, 21, 0.45);
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  backdrop-filter: blur(2px);
}
.estoque-backdrop--visivel {
  opacity: 1;
  visibility: visible;
}

.estoque-painel-acoes-topo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 0;
  flex-shrink: 0;
}

.estoque-painel-acoes-direita {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.estoque-painel-expand {
  height: 36px;
  flex-shrink: 0;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 12px;
  cursor: pointer;
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.estoque-painel-expand:hover {
  border-color: rgba(56, 211, 159, 0.45);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.estoque-painel-expand i {
  font-size: 13px;
  line-height: 1;
}

.estoque-btn-editar {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  border: 1.5px solid #38d39f;
  border-radius: 10px;
  background: transparent;
  color: #38d39f;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.estoque-btn-editar i {
  font-size: 0.78rem;
}
.estoque-btn-editar:hover {
  background: #38d39f;
  color: #fff;
}

.estoque-painel {
  position: fixed;
  top: 0;
  right: 0;
  width: 420px;
  max-width: 100vw;
  height: 100vh;
  background: var(--fundo-formulario);
  z-index: 1000;
  transform: translateX(100%);
  border-left: 1px solid var(--cor-borda);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s ease, box-shadow 0.35s ease, width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: none;
  display: flex;
  flex-direction: column;
}
.estoque-painel--aberto {
  transform: translateX(0);
  box-shadow: -8px 0 40px rgba(21, 21, 21, 0.15);
}
.estoque-painel--expanded {
  left: auto;
  right: 0;
  width: 100vw;
  max-width: none;
  border-left: none;
}
@media screen and (max-width: 480px) {
  .estoque-painel {
    width: 100vw;
  }
}

.estoque-painel-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

.estoque-painel--expanded .estoque-painel-inner {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}

.estoque-painel--expanded {
  overflow-y: auto;
}
.estoque-painel--expanded .estoque-painel-inner {
  overflow: visible;
  height: auto;
  min-height: 100%;
}

.estoque-painel-fechar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: none;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.estoque-painel-fechar:hover {
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
  transform: rotate(90deg);
}

.estoque-galeria {
  flex-shrink: 0;
  background: var(--cor-borda);
  margin-top: 12px;
}

.estoque-galeria-main {
  position: relative;
}

.estoque-galeria-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 50%;
  background: rgba(21, 21, 21, 0.55);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, opacity 0.2s ease;
  padding: 0;
}
.estoque-galeria-nav:hover {
  background: rgba(56, 211, 159, 0.92);
  color: #fff;
}
.estoque-galeria-nav:focus-visible {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}
.estoque-galeria-nav--prev {
  left: 8px;
}
.estoque-galeria-nav--next {
  right: 8px;
}
.estoque-galeria-nav i {
  font-size: 15px;
}
.estoque-galeria-nav:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.estoque-galeria-nav[hidden] {
  display: none;
}

.estoque-galeria-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: opacity 0.2s ease;
}

.estoque-painel--expanded .estoque-galeria {
  background: transparent;
}
.estoque-painel--expanded .estoque-galeria-main {
  background: var(--fundo-corpo);
  border-bottom: 1px solid var(--cor-borda);
}
.estoque-painel--expanded .estoque-galeria-img {
  height: min(460px, 46vh);
  object-fit: contain;
  padding: 12px 12px 6px;
  box-sizing: border-box;
  margin: 0 auto;
}
.estoque-painel--expanded .estoque-painel-body {
  padding-left: 28px;
  padding-right: 28px;
}

.estoque-thumbnails {
  display: flex;
  gap: 6px;
  padding: 8px 12px;
  overflow-x: auto;
  background: var(--fundo-formulario);
}
.estoque-thumbnails:empty {
  display: none;
}

.estoque-thumb {
  flex-shrink: 0;
  width: 52px;
  height: 40px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.2s ease, opacity 0.2s ease;
  opacity: 0.65;
}
.estoque-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.estoque-thumb--ativa, .estoque-thumb:hover {
  border-color: #38d39f;
  opacity: 1;
}

.estoque-painel-body {
  padding: 20px 24px 32px;
  flex: 1;
}

.estoque-painel-topo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
}

.estoque-painel-nome {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.3rem;
  color: var(--texto-principal);
  transition: color 0.3s ease;
  line-height: 1.3;
}

.estoque-painel-marca {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-terciario);
  margin-top: 2px;
  transition: color 0.3s ease;
}

.estoque-painel-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  flex-shrink: 0;
  margin-top: 4px;
}
.estoque-painel-status--disponivel {
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
}
.estoque-painel-status--vendido {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}
.estoque-painel-status--reservado {
  background: rgba(232, 154, 30, 0.12);
  color: #e19418;
}
.estoque-painel-status--arquivado {
  background: rgba(100, 116, 139, 0.15);
  color: #64748b;
}

.estoque-painel-valor {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  color: #32be8f;
  margin: 10px 0 16px;
}

.estoque-painel-valor--fipe {
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-primary, #2563eb);
  opacity: 0.95;
}

.estoque-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.estoque-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  text-transform: capitalize;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.estoque-chip i {
  color: #38d39f;
  font-size: 0.72rem;
}

.estoque-detalhe-secao {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
}
.estoque-detalhe-secao:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.estoque-detalhe-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s ease;
}
.estoque-detalhe-titulo i {
  color: #38d39f;
}

.estoque-detalhe-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media screen and (max-width: 360px) {
  .estoque-detalhe-grid {
    grid-template-columns: 1fr;
  }
}

.estoque-detalhe-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.estoque-detalhe-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: color 0.3s ease;
}

.estoque-detalhe-valor {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-secundario);
  word-break: break-all;
  transition: color 0.3s ease;
}

.estoque-extras-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.estoque-extra-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
}
.estoque-extra-badge--sim {
  background: rgba(56, 211, 159, 0.1);
  color: #32be8f;
}
.estoque-extra-badge--sim i {
  color: #38d39f;
}
.estoque-extra-badge--nao {
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  border: 1px solid var(--cor-borda);
  transition: background 0.3s ease, border-color 0.3s ease;
}
.estoque-extra-badge--nao i {
  color: var(--cor-icone);
}

.estoque-nota {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: var(--texto-secundario);
  line-height: 1.6;
  transition: color 0.3s ease;
}

.estoque-edit-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(21, 21, 21, 0.55);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.estoque-edit-overlay--aberto {
  opacity: 1;
  visibility: visible;
}

.estoque-edit-container {
  background: rgba(7, 18, 33, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  width: 100%;
  max-width: min(1040px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  transition: background 0.3s ease;
  overflow: hidden;
}

.estoque-edit-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px 14px;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.estoque-edit-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: #e2e8f0;
  margin: 0 0 3px;
}

.estoque-edit-subtitulo {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.82rem;
  color: #94a3b8;
  margin: 0;
}

.estoque-edit-fechar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.estoque-edit-fechar:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: #e2e8f0;
}

.estoque-tabs-nav {
  display: flex;
  gap: 0;
  padding: 16px 28px 0;
  border-bottom: 2px solid var(--cor-borda);
  flex-shrink: 0;
  transition: border-color 0.3s ease;
}

.estoque-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.estoque-tab-btn i {
  font-size: 0.8rem;
}
.estoque-tab-btn:hover {
  color: var(--texto-principal);
}
.estoque-tab-btn--ativo {
  color: #38d39f;
  border-bottom-color: #38d39f;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .estoque-tab-btn {
    padding: 10px 12px;
    font-size: 0.78rem;
    gap: 5px;
  }
}

.estoque-edit-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 22px 22px;
  background: transparent;
}

.inventory-edit-modal .estoque-edit-footer {
  display: flex;
  justify-content: flex-end;
}
.inventory-edit-modal .prompts-pane:not(.prompts-pane--active) {
  display: none !important;
}
.inventory-edit-modal .prompts-pane--active {
  display: flex;
  flex-direction: column;
}

.edit-imagens-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}

.edit-img-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid var(--cor-borda);
  transition: border-color 0.2s ease;
  aspect-ratio: 4/3;
  cursor: grab;
}
.edit-img-item:active {
  cursor: grabbing;
}
.edit-img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.edit-img-item--principal {
  border-color: #38d39f;
}
.edit-img-item:hover .edit-img-acoes {
  opacity: 1;
}

.edit-img-ghost {
  opacity: 0.45;
  transform: scale(0.98);
}

.edit-img-badge {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(56, 211, 159, 0.85);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 0.6rem;
  font-weight: 600;
  text-align: center;
  padding: 3px 0;
  text-transform: uppercase;
}

.edit-img-acoes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 21, 21, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.edit-img-btn {
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 13px;
  transition: background 0.2s ease, transform 0.15s ease;
}
.edit-img-btn:hover {
  transform: scale(1.1);
}
.edit-img-btn--star {
  background: rgba(56, 211, 159, 0.9);
  color: #fff;
}
.edit-img-btn--star:hover {
  background: #32be8f;
}
.edit-img-btn--delete {
  background: rgba(220, 53, 69, 0.9);
  color: #fff;
}
.edit-img-btn--delete:hover {
  background: #b02a37;
}

.edit-doc-atual {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.edit-doc-atual .carro-doc-preview {
  margin-top: 0;
  flex: 1;
  min-width: 180px;
}
.edit-doc-atual .carro-doc-preview a {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: #38d39f;
  text-decoration: none;
}
.edit-doc-atual .carro-doc-preview a:hover {
  text-decoration: underline;
}

.edit-btn-deletar {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border: 1.5px solid rgba(220, 53, 69, 0.4);
  border-radius: 10px;
  background: transparent;
  color: #dc3545;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}
.edit-btn-deletar i {
  font-size: 0.78rem;
}
.edit-btn-deletar:hover {
  background: rgba(220, 53, 69, 0.08);
}

.estoque-paginacao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--cor-borda);
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 600px) {
  .estoque-paginacao {
    flex-direction: column;
    align-items: stretch;
  }
}

.estoque-paginacao-info {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-terciario);
}

.estoque-paginacao-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.estoque-paginacao-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1.5px solid var(--cor-borda);
  border-radius: 8px;
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 0.85rem;
}
.estoque-paginacao-btn i {
  font-size: 0.75rem;
}
.estoque-paginacao-btn:hover:not(.estoque-paginacao-btn--disabled) {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.estoque-paginacao-btn--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.estoque-paginacao-numeros {
  display: flex;
  align-items: center;
  gap: 4px;
}

.estoque-paginacao-numero {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  border: 1.5px solid var(--cor-borda);
  border-radius: 8px;
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.estoque-paginacao-numero:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.estoque-paginacao-numero--ativo {
  background: #38d39f;
  border-color: #38d39f;
  color: #fff;
  font-weight: 600;
}
.estoque-paginacao-numero--ativo:hover {
  background: #32be8f;
  border-color: #32be8f;
}

.estoque-impulsionar-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}
.estoque-impulsionar-modal--aberto {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.estoque-impulsionar-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(21, 21, 21, 0.52);
  backdrop-filter: blur(3px);
}

.estoque-impulsionar-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 420px;
  margin: auto 0;
  flex-shrink: 0;
}

.estoque-impulsionar-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: min(100dvh - 32px, 720px);
  background: var(--fundo-formulario);
  border-radius: 18px;
  border: 1px solid var(--cor-borda);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.estoque-impulsionar-top {
  position: relative;
  flex-shrink: 0;
  padding: 20px 52px 4px 22px;
}

.estoque-impulsionar-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 12px 22px 8px;
  -webkit-overflow-scrolling: touch;
}

.estoque-impulsionar-footer {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 16px 22px 22px;
  border-top: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}

.estoque-impulsionar-aviso {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(232, 154, 30, 0.22);
  background: rgba(232, 154, 30, 0.06);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--texto-secundario);
}
.estoque-impulsionar-aviso i {
  flex-shrink: 0;
  margin-top: 2px;
  color: rgb(219.1935483871, 143.2064516129, 22.4064516129);
  font-size: 0.85rem;
}
.estoque-impulsionar-aviso span {
  min-width: 0;
}
.estoque-impulsionar-aviso strong {
  font-weight: 600;
  color: var(--texto-principal);
}

.estoque-impulsionar-checkout {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.estoque-impulsionar-checkout[hidden] {
  display: none !important;
}
.estoque-impulsionar-checkout__ajuda {
  margin: 0;
  text-align: left;
}
.estoque-impulsionar-checkout #impulsionarWalletContainer {
  min-height: 48px;
}

.estoque-impulsionar-fechar {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 999px;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  transition: background 0.2s ease, color 0.2s ease;
}
.estoque-impulsionar-fechar:hover {
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}

.estoque-impulsionar-titulo {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--texto-principal);
  margin: 0;
  line-height: 1.25;
}

.estoque-impulsionar-subtitulo {
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  margin: 0 0 18px;
  line-height: 1.45;
}

.estoque-impulsionar-resumo {
  display: flex;
  gap: 14px;
  align-items: stretch;
  padding: 14px;
  border-radius: 14px;
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  margin-bottom: 18px;
}

.estoque-impulsionar-foto-wrap {
  flex-shrink: 0;
  width: 96px;
  height: 72px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--cor-borda);
}

.estoque-impulsionar-foto {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.estoque-impulsionar-resumo-texto {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.estoque-impulsionar-nome {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--texto-principal);
  margin: 0;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.estoque-impulsionar-label-valor {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--texto-terciario);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.estoque-impulsionar-valor-veiculo {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: #32be8f;
  margin: 0;
}

.estoque-impulsionar-invest {
  margin-bottom: 18px;
}

.estoque-impulsionar-label {
  display: block;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.84rem;
  color: var(--texto-principal);
  margin-bottom: 10px;
}

.estoque-impulsionar-slider-wrap {
  margin-bottom: 8px;
}

.estoque-impulsionar-range {
  display: block;
  width: 100%;
  height: 8px;
  margin: 0 0 8px;
  border-radius: 999px;
  appearance: none;
  background: linear-gradient(to right, #38d39f 0%, #38d39f var(--impulsionar-pct, 2.5%), var(--cor-borda) var(--impulsionar-pct, 2.5%), var(--cor-borda) 100%);
  cursor: pointer;
}
.estoque-impulsionar-range::-webkit-slider-thumb {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #38d39f;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  margin-top: -6px;
}
.estoque-impulsionar-range::-webkit-slider-runnable-track {
  height: 8px;
  border-radius: 999px;
  background: transparent;
}
.estoque-impulsionar-range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #38d39f;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.estoque-impulsionar-range::-moz-range-track {
  height: 8px;
  border-radius: 999px;
  background: var(--cor-borda);
}
.estoque-impulsionar-range:focus {
  outline: none;
}
.estoque-impulsionar-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(56, 211, 159, 0.25);
}

.estoque-impulsionar-slider-escala {
  display: flex;
  justify-content: space-between;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  font-family: "Poppins", sans-serif;
}

.estoque-impulsionar-dias {
  margin-bottom: 18px;
}

.estoque-impulsionar-dias-input {
  width: 100%;
  max-width: 160px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: none;
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
}

.estoque-impulsionar-dias-ajuda {
  margin: 6px 0 0;
  font-size: 0.75rem;
  color: var(--texto-terciario);
}

.estoque-impulsionar-valor-selecionado {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: var(--texto-principal);
  margin: 0 0 12px;
  text-align: center;
}

.estoque-impulsionar-total {
  margin: 0 0 14px;
  padding: 14px 16px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  /* Mesmo tom do bloco do veículo no modal (legível no claro e no escuro). */
  background: var(--fundo-corpo);
  color: var(--texto-principal);
}

.estoque-impulsionar-total .estoque-impulsionar-label {
  margin-bottom: 8px;
  text-align: center;
}

.estoque-impulsionar-total-valor {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.45rem;
  color: var(--texto-principal);
  margin: 0 0 6px;
  text-align: center;
  letter-spacing: -0.02em;
  user-select: none;
}

.estoque-impulsionar-total-formula {
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  margin: 0 0 8px;
  text-align: center;
}

.estoque-impulsionar-total-ajuda {
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--texto-terciario);
  margin: 0;
  text-align: center;
}

.estoque-impulsionar-resumo-calc {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--texto-secundario);
  margin: 0 0 4px;
  text-align: center;
}

.estoque-impulsionar-confirmar {
  margin: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px;
  border: none;
  border-radius: 12px;
  background: #38d39f;
  color: #fff;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.12s ease;
}
.estoque-impulsionar-confirmar:hover {
  background: #32be8f;
}
.estoque-impulsionar-confirmar:active {
  transform: scale(0.99);
}

.estoque-confirm-dialog {
  max-width: 400px;
}

.estoque-confirm-inner {
  max-height: none;
}

.estoque-confirm-corpo {
  padding-top: 4px;
  padding-bottom: 8px;
}

.estoque-confirm-texto {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  line-height: 1.55;
  color: var(--texto-secundario);
  margin: 0;
}

.estoque-confirm-footer .estoque-confirm-acoes {
  display: flex;
  gap: 10px;
  width: 100%;
}

.estoque-confirm-btn {
  flex: 1 1 0;
  min-width: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 12px 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, filter 0.2s ease;
}
.estoque-confirm-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.estoque-confirm-titulo-ico {
  margin-right: 8px;
  color: #38d39f;
  font-size: 0.95em;
}

.estoque-whatsapp-interesse-dialog {
  max-width: 480px;
}

.estoque-whatsapp-interesse-corpo {
  padding-top: 4px;
  padding-bottom: 22px;
}

.estoque-whatsapp-interesse-titulo-ico {
  margin-right: 8px;
  color: #25d366;
  font-size: 0.95em;
}

.estoque-whatsapp-interesse-sub {
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  margin: 0 0 16px;
  line-height: 1.45;
}

.estoque-whatsapp-interesse-resumo {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: 14px;
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
}
.estoque-whatsapp-interesse-resumo[hidden] {
  display: none !important;
}

.estoque-whatsapp-interesse-num {
  font-family: "Outfit", sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #25d366;
  line-height: 1;
}

.estoque-whatsapp-interesse-num-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}

.estoque-whatsapp-interesse-msg {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--texto-secundario);
  margin: 0 0 12px;
}
.estoque-whatsapp-interesse-msg[hidden] {
  display: none !important;
}

.estoque-whatsapp-interesse-lista {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(50vh, 360px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px;
}

.estoque-whatsapp-interesse-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
}

.estoque-whatsapp-interesse-item-main {
  flex: 1;
  min-width: 0;
}

.estoque-whatsapp-interesse-item-nome {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--texto-principal);
  margin: 0 0 4px;
  line-height: 1.3;
}

.estoque-whatsapp-interesse-item-tel {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  margin: 0 0 4px;
}

.estoque-whatsapp-interesse-item-data,
.estoque-whatsapp-interesse-item-origens {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  margin: 0 0 4px;
  line-height: 1.4;
}

.estoque-whatsapp-interesse-item-tag {
  display: inline-block;
  margin-top: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  font-family: "Poppins", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-terciario);
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid var(--cor-borda);
}

.estoque-whatsapp-interesse-item-btn {
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, #25d366, #128c3a);
  border: none;
  transition: filter 0.2s ease, transform 0.15s ease;
}
.estoque-whatsapp-interesse-item-btn:hover {
  filter: brightness(1.08);
  color: #fff;
}
.estoque-whatsapp-interesse-item-btn:active {
  transform: scale(0.98);
}

body.dash-page--vendas {
  background: #040d18;
  overflow-x: clip;
}
body.dash-page--vendas .dash-layout,
body.dash-page--vendas .dash-main,
body.dash-page--vendas .dashboardGarage {
  overflow: visible;
}
body.dash-page--vendas .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #040d18;
}

.dashboardGarage {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: none;
  padding: 16px 20px 24px;
  background: #040d18;
  font-family: "Inter", "Poppins", sans-serif;
  color: #fff;
  box-sizing: border-box;
}
.dashboardGarage *,
.dashboardGarage *::before,
.dashboardGarage *::after {
  box-sizing: border-box;
}
.dashboardGarage .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.dashboardGarage .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.dashboardGarage .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.dashboardGarage .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.dashboardGarage .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.dashboardGarage .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.dashboardGarage .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.dashboardGarage__topCards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}
.dashboardGarage__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(7, 18, 33, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
}
.dashboardGarage__cardIcon {
  order: 2;
  min-width: 32px;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.04);
  color: #64748b;
  font-size: 13px;
}
.dashboardGarage__cardContent {
  order: 1;
  flex: 1;
  min-width: 0;
}
.dashboardGarage__cardContent span {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 3px;
  line-height: 1.25;
}
.dashboardGarage__cardContent h2 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
  color: #e2e8f0;
}
.dashboardGarage__cardContent p {
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.3;
  color: #64748b;
}
.dashboardGarage__cardContent p.is-negative {
  color: #f87171;
}
.dashboardGarage__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
  align-items: start;
}
.dashboardGarage__tableWrapper, .dashboardGarage__sales {
  background: linear-gradient(145deg, rgba(10, 25, 40, 0.95), rgba(5, 15, 25, 0.98));
  border-radius: 16px;
  border: 1px solid rgba(60, 255, 210, 0.08);
  overflow: hidden;
  box-shadow: 0 0 40px rgba(0, 255, 200, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.015);
}
.dashboardGarage__tableHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  gap: 12px;
  flex-wrap: wrap;
}
.dashboardGarage__search {
  flex: 1;
  min-width: 200px;
  position: relative;
}
.dashboardGarage__search i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #7d92a7;
  font-size: 13px;
  pointer-events: none;
}
.dashboardGarage__search input {
  width: 100%;
  height: 38px;
  padding: 0 14px 0 38px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  outline: none;
  font-size: 14px;
  font-family: inherit;
}
.dashboardGarage__search input::placeholder {
  color: #70839a;
}
.dashboardGarage__search input:focus {
  border-color: rgba(0, 255, 191, 0.4);
  box-shadow: 0 0 20px rgba(0, 255, 191, 0.1);
}
.dashboardGarage__filters {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.dashboardGarage__filters button {
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  color: #9bb0c5;
  cursor: pointer;
  transition: 0.3s;
  font-family: inherit;
  font-weight: 500;
}
.dashboardGarage__filters button:hover, .dashboardGarage__filters button.active {
  color: #2fffd0;
  border-color: rgba(47, 255, 208, 0.45);
  box-shadow: 0 0 20px rgba(47, 255, 208, 0.12);
}
.dashboardGarage__tableScroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.dashboardGarage__table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px;
}
.dashboardGarage__table thead {
  background: rgba(255, 255, 255, 0.02);
}
.dashboardGarage__table thead th {
  text-align: left;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 500;
  color: #8ea4b8;
  white-space: nowrap;
}
.dashboardGarage__table tbody tr {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
  transition: background 0.2s ease;
}
.dashboardGarage__table tbody tr:hover {
  background: rgba(255, 255, 255, 0.015);
}
.dashboardGarage__table tbody tr.is-selected {
  background: rgba(47, 255, 208, 0.06);
}
.dashboardGarage__table tbody td {
  padding: 10px 14px;
  font-size: 13px;
  color: #dce8f3;
  vertical-align: middle;
}
.dashboardGarage__table tbody td img {
  width: 48px;
  height: 34px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  background: rgba(255, 255, 255, 0.05);
}
.dashboardGarage__table tbody td strong {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.dashboardGarage__table tbody td span.veiculo-sub {
  display: block;
  font-size: 12px;
  color: #7f93a7;
}
.dashboardGarage .status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.dashboardGarage .status.available {
  background: rgba(0, 255, 170, 0.12);
  color: #2fffd0;
}
.dashboardGarage .status.reserved {
  background: rgba(255, 196, 0, 0.12);
  color: #ffd54a;
}
.dashboardGarage .status.sold {
  background: rgba(0, 255, 200, 0.12);
  color: #36ffc3;
}
.dashboardGarage__actions {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #8ea4b8;
}
.dashboardGarage__actions button {
  border: none;
  background: transparent;
  padding: 0;
  color: inherit;
  cursor: pointer;
  transition: 0.3s;
  font-size: 15px;
  line-height: 1;
}
.dashboardGarage__actions button:hover {
  color: #2fffd0;
}
.dashboardGarage__actions button.venda-acao-vender:hover:not(:disabled) {
  color: #ffd54a;
}
.dashboardGarage__actions button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.dashboardGarage__tableEmpty {
  padding: 24px 16px;
  text-align: center;
  color: #8ea4b8;
  font-size: 14px;
}
.dashboardGarage__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  flex-wrap: wrap;
}
.dashboardGarage__pagination button {
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border-radius: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.04);
  color: #8ea4b8;
  cursor: pointer;
  transition: 0.3s;
  font-family: inherit;
  font-size: 14px;
}
.dashboardGarage__pagination button:hover:not(:disabled), .dashboardGarage__pagination button.active {
  background: rgba(47, 255, 208, 0.12);
  color: #2fffd0;
}
.dashboardGarage__pagination button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.dashboardGarage__sales {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 120px);
}
.dashboardGarage__salesHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-shrink: 0;
}
.dashboardGarage__salesHeader h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.dashboardGarage__salesHeader a,
.dashboardGarage__salesHeader button.dashboardGarage__salesVerTodas {
  color: #2fffd0;
  text-decoration: none;
  font-size: 14px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}
.dashboardGarage__salesHeader a:hover,
.dashboardGarage__salesHeader button.dashboardGarage__salesVerTodas:hover {
  text-decoration: underline;
}
.dashboardGarage__salesList {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin-right: -8px;
  padding-right: 8px;
}
.dashboardGarage__salesList--expanded {
  max-height: none;
}
.dashboardGarage__saleItem {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dashboardGarage__saleItem:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.dashboardGarage__saleItemPhoto {
  width: 72px;
  height: 54px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
  background: rgba(255, 255, 255, 0.05);
}
.dashboardGarage__saleItemBody {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dashboardGarage__saleItemNome {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
  word-break: break-word;
}
.dashboardGarage__saleItemPlaca {
  font-size: 12px;
  color: #8194a7;
}
.dashboardGarage__saleItemVendedor {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #b8c5d3;
  line-height: 1.35;
}
.dashboardGarage__saleItemVendedor i {
  font-size: 11px;
  color: #7f9aad;
  flex-shrink: 0;
}
.dashboardGarage__saleItemVendedor strong {
  font-weight: 600;
  color: #e2ebf3;
}
.dashboardGarage__saleItemFinancas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-top: 2px;
}
.dashboardGarage__saleItemCusto {
  font-size: 12px;
  color: #9fb0c0;
}
.dashboardGarage__saleItemCusto strong {
  font-weight: 600;
  color: #c5d0db;
}
.dashboardGarage__saleItemValor {
  font-size: 13px;
  font-weight: 500;
  color: #9fe8d4;
}
.dashboardGarage__saleItemValor strong {
  font-weight: 700;
  color: #2fffd0;
}
.dashboardGarage__salesEmpty {
  color: #8ea4b8;
  font-size: 14px;
  padding: 12px 0;
}
.dashboardGarage__report {
  margin-top: 20px;
  display: flex;
  gap: 16px;
  padding: 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  flex-shrink: 0;
}
.dashboardGarage__report p {
  margin: 0 0 10px;
  color: #8ea4b8;
  font-size: 14px;
  line-height: 1.5;
}
.dashboardGarage__report a {
  color: #2fffd0;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.dashboardGarage__report a:hover {
  text-decoration: underline;
}
.dashboardGarage__reportIcon {
  min-width: 50px;
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: rgba(0, 255, 191, 0.08);
  color: #2fffd0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.vendaGarageModal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(4, 13, 24, 0.75);
  backdrop-filter: blur(4px);
}
.vendaGarageModal[hidden] {
  display: none !important;
}
.vendaGarageModal__dialog {
  width: 100%;
  max-width: 440px;
  padding: 20px;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(10, 25, 40, 0.98), rgba(5, 15, 25, 0.99));
  border: 1px solid rgba(60, 255, 210, 0.12);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  color: #fff;
}
.vendaGarageModal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.vendaGarageModal__header h3 {
  margin: 0 0 6px;
  font-size: 20px;
  font-weight: 600;
}
.vendaGarageModal__header p {
  margin: 0;
  font-size: 13px;
  color: #8ea4b8;
}
.vendaGarageModal__close {
  border: none;
  background: rgba(255, 255, 255, 0.06);
  color: #9bb0c5;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.vendaGarageModal__close:hover {
  color: #2fffd0;
}
.vendaGarageModal__field {
  margin-bottom: 16px;
}
.vendaGarageModal__field label {
  display: block;
  font-size: 13px;
  color: #8ea4b8;
  margin-bottom: 8px;
}
.vendaGarageModal__field input {
  width: 100%;
  height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
}
.vendaGarageModal__field input:focus {
  outline: none;
  border-color: rgba(0, 255, 191, 0.4);
}
.vendaGarageModal__field input[readonly] {
  opacity: 0.85;
}
.vendaGarageModal .venda-select {
  position: relative;
  width: 100%;
}
.vendaGarageModal .venda-select__native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.vendaGarageModal .venda-select__trigger {
  width: 100%;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.vendaGarageModal .venda-select__trigger:hover:not(:disabled) {
  border-color: rgba(0, 255, 191, 0.28);
}
.vendaGarageModal .venda-select__trigger:focus {
  outline: none;
  border-color: rgba(0, 255, 191, 0.4);
}
.vendaGarageModal .venda-select__trigger:disabled {
  opacity: 0.75;
  cursor: not-allowed;
}
.vendaGarageModal .venda-select__value {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vendaGarageModal .venda-select__chevron {
  flex-shrink: 0;
  font-size: 0.72rem;
  color: #8ea4b8;
  transition: transform 0.2s ease;
}
.vendaGarageModal .venda-select--aberto .venda-select__chevron {
  transform: rotate(180deg);
}
.vendaGarageModal .venda-select__panel {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 20;
  max-height: min(240px, 42vh);
  overflow-y: auto;
  padding: 4px 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(145deg, rgba(10, 25, 40, 0.99), rgb(5, 15, 25));
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.vendaGarageModal .venda-select__panel[hidden] {
  display: none !important;
}
.vendaGarageModal .venda-select__panel::-webkit-scrollbar {
  width: 6px;
}
.vendaGarageModal .venda-select__panel::-webkit-scrollbar-track {
  background: transparent;
}
.vendaGarageModal .venda-select__panel::-webkit-scrollbar-thumb {
  background: rgba(56, 211, 159, 0.35);
  border-radius: 999px;
}
.vendaGarageModal .venda-select__option {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 38px;
  padding: 0 14px;
  border: none;
  background: transparent;
  color: #d8e1ea;
  font-size: 14px;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.vendaGarageModal .venda-select__option:hover, .vendaGarageModal .venda-select__option:focus {
  outline: none;
  background: rgba(47, 255, 208, 0.1);
  color: #fff;
}
.vendaGarageModal .venda-select__option--ativo {
  background: rgba(47, 255, 208, 0.14);
  color: #2fffd0;
  font-weight: 600;
}
.vendaGarageModal .venda-select__option:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.vendaGarageModal__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.vendaGarageModal__submit {
  width: 100%;
  margin-top: 8px;
  height: 40px;
  border: none;
  border-radius: 12px;
  background: rgba(47, 255, 208, 0.15);
  color: #2fffd0;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
}
.vendaGarageModal__submit:hover:not(:disabled) {
  background: rgba(47, 255, 208, 0.25);
}
.vendaGarageModal__submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vendaGarageModal__msg {
  font-size: 13px;
  margin: 0 0 12px;
  min-height: 0;
}
.vendaGarageModal__msg--erro {
  color: #f87171;
}
.vendaGarageModal__msg--ok {
  color: #22d3a6;
}

@media (max-width: 1200px) {
  .dashboardGarage__content {
    grid-template-columns: 1fr;
  }
  .dashboardGarage__sales {
    max-height: none;
  }
}
@media (max-width: 900px) {
  .dashboardGarage {
    padding: 20px;
  }
  .dashboardGarage__topCards {
    grid-template-columns: 1fr;
  }
  .dashboardGarage__tableHeader {
    flex-direction: column;
    align-items: stretch;
  }
  .dashboardGarage__filters {
    width: 100%;
  }
  .dashboardGarage__filters button {
    flex: 1;
    min-width: 0;
    padding: 0 12px;
  }
}
@media (max-width: 720px) {
  body.dash-page--vendas .dashboardGarage {
    padding: 10px 12px 16px;
  }
  body.dash-page--vendas .dashboardGarage .inventory-page-head {
    margin-bottom: 10px !important;
  }
  body.dash-page--vendas .dashboardGarage__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
    width: 100%;
  }
  body.dash-page--vendas .dashboardGarage__sales {
    order: 1;
    width: 100%;
    min-width: 0;
  }
  body.dash-page--vendas .dashboardGarage__tableWrapper {
    order: 2;
    width: 100%;
    min-width: 0;
  }
  body.dash-page--vendas .dashboardGarage__tableHeader {
    width: 100%;
  }
  body.dash-page--vendas .dashboardGarage__search {
    min-width: 0;
    width: 100%;
  }
  body.dash-page--vendas .dashboardGarage__tableScroll {
    width: 100%;
    overflow-x: visible;
    -webkit-overflow-scrolling: auto;
  }
  body.dash-page--vendas .dashboardGarage__filters {
    gap: 4px;
    width: 100%;
  }
  body.dash-page--vendas .dashboardGarage__filters button {
    height: 28px;
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 0;
  }
  body.dash-page--vendas .dashboardGarage__table {
    min-width: 0 !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  body.dash-page--vendas .dashboardGarage__table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  body.dash-page--vendas .dashboardGarage__table tbody td.dashboardGarage__tableEmpty {
    display: block !important;
    width: 100% !important;
    text-align: center;
    padding: 14px !important;
  }
  body.dash-page--vendas .dashboardGarage__table tbody td.dashboardGarage__tableEmpty::before {
    display: none !important;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row:last-child {
    margin-bottom: 0;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row:hover, body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row:active, body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row:focus-within, body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row.is-selected {
    background: rgba(255, 255, 255, 0.04);
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row.is-selected {
    border-color: rgba(47, 255, 208, 0.35) !important;
    box-shadow: 0 0 0 1px rgba(47, 255, 208, 0.12);
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 6px 0 !important;
    border: none;
    vertical-align: top;
    border-top: none !important;
    font-size: 12px !important;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td:not([data-label=""])::before {
    content: attr(data-label);
    flex: 0 0 104px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7f93a7;
    line-height: 1.35;
    padding-top: 2px;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td.dashboardGarage__tdFoto {
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 10px !important;
    padding-top: 0 !important;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td.dashboardGarage__tdFoto::before {
    display: none;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td.dashboardGarage__tdFoto img {
    width: 100%;
    max-width: 200px;
    height: auto;
    min-height: 100px;
    max-height: 140px;
    object-fit: cover;
    margin: 0 auto;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td[data-label=Veículo] {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td[data-label=Veículo]::before {
    flex-basis: auto;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td[data-label=Veículo] strong {
    font-size: 14px;
    margin-bottom: 0;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td.dashboardGarage__tdAcoes .dashboardGarage__actions {
    gap: 12px;
  }
  body.dash-page--vendas .dashboardGarage__table tbody tr.venda-row td.dashboardGarage__tdAcoes .dashboardGarage__actions button {
    font-size: 16px;
  }
  body.dash-page--vendas .dashboardGarage__pagination {
    padding: 10px;
    gap: 6px;
  }
  body.dash-page--vendas .dashboardGarage__pagination button {
    min-width: 28px;
    height: 30px;
    font-size: 12px;
    padding: 0 8px;
  }
  body.dash-page--vendas .dashboardGarage__sales {
    padding: 12px;
  }
  body.dash-page--vendas .dashboardGarage__saleItem {
    width: 100%;
    padding-bottom: 14px;
  }
  body.dash-page--vendas .dashboardGarage__saleItemPhoto {
    width: 64px;
    height: 48px;
  }
}
@media (max-width: 520px) {
  body.dash-page--vendas .vendaGarageModal__grid {
    grid-template-columns: 1fr !important;
  }
}
body.dash-page--lembretes {
  background: #040d18;
  overflow-x: clip;
}
body.dash-page--lembretes .dash-layout,
body.dash-page--lembretes .dash-main,
body.dash-page--lembretes .lembretesDash {
  overflow: visible;
}
body.dash-page--lembretes .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #040d18;
}

.lembretesDash {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  padding: 16px 20px 24px;
  background: #040d18;
  font-family: "Inter", "Poppins", sans-serif;
  color: #fff;
  box-sizing: border-box;
}
.lembretesDash *,
.lembretesDash *::before,
.lembretesDash *::after {
  box-sizing: border-box;
}
.lembretesDash .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.lembretesDash .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.lembretesDash .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.lembretesDash .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.lembretesDash .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lembretesDash .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.lembretesDash .crmConfigTopbarSub {
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.lembretesDash .cadastro-msg-erro,
.lembretesDash .cadastro-msg-sucesso {
  margin: 10px 0 0;
  font-size: 0.8rem;
}
.lembretesDash__panel {
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(7, 18, 33, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
}
.lembretesDash__panelTitle {
  margin: 0 0 14px;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lembretesDash__panelTitle i {
  color: #64748b;
  font-size: 0.8rem;
}
.lembretesDash .cadastro-form-card {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}
.lembretesDash .cadastro-campo label {
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  margin-bottom: 4px;
}
.lembretesDash .cadastro-campo input[type=text] {
  width: 100%;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s ease;
}
.lembretesDash .cadastro-campo input[type=text]::placeholder {
  color: #64748b;
}
.lembretesDash .cadastro-campo input[type=text]:focus {
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}
.lembretesDash .lembrete-form .lembrete-form-grid {
  gap: 14px;
  margin-bottom: 12px;
}
.lembretesDash .lembrete-form .lembrete-campos-veiculo {
  gap: 10px;
}
.lembretesDash .lembrete-tipo-opcoes {
  gap: 8px;
}
.lembretesDash .lembrete-tipo-card-inner {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  min-height: 0;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  transition: border-color 0.2s ease, background 0.2s ease;
}
.lembretesDash .lembrete-tipo-card-inner > span:not(.lembrete-tipo-card-icon) {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.lembretesDash .lembrete-tipo-card-icon {
  font-size: 13px;
  margin-bottom: 0;
  color: #64748b;
}
.lembretesDash .lembrete-tipo-card--venda .lembrete-tipo-card-icon,
.lembretesDash .lembrete-tipo-card--compra .lembrete-tipo-card-icon {
  color: #64748b;
}
.lembretesDash .lembrete-tipo-card-titulo {
  font-size: 0.8rem;
  font-weight: 600;
  color: #e2e8f0;
}
.lembretesDash .lembrete-tipo-card-desc {
  font-size: 0.68rem;
  color: #64748b;
}
.lembretesDash .lembrete-tipo-card:focus-within .lembrete-tipo-card-inner {
  outline: none;
  border-color: rgba(255, 255, 255, 0.12);
}
.lembretesDash .lembrete-tipo-card:hover .lembrete-tipo-card-inner {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}
.lembretesDash .lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner,
.lembretesDash .lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked) .lembrete-tipo-card-inner {
  border-color: rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.05);
}
.lembretesDash .lembrete-tipo-card--venda:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner,
.lembretesDash .lembrete-tipo-card--compra:has(.lembrete-tipo-input:checked):hover .lembrete-tipo-card-inner {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.06);
}
.lembretesDash .lembrete-form-acoes {
  margin-top: 4px;
  padding-top: 0;
}
.lembretesDash .cadastro-btn-submit {
  height: 36px;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(56, 211, 159, 0.25);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  box-shadow: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.lembretesDash .cadastro-btn-submit:hover {
  background: rgba(56, 211, 159, 0.18);
  border-color: rgba(56, 211, 159, 0.35);
  transform: none;
}
.lembretesDash .cadastro-tabela-wrapper {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
.lembretesDash .lembrete-tabela {
  width: 100%;
  border-collapse: collapse;
}
.lembretesDash .lembrete-tabela thead {
  background: rgba(255, 255, 255, 0.02);
}
.lembretesDash .lembrete-tabela thead th {
  text-align: left;
  padding: 8px 12px;
  font-size: 11px;
  font-weight: 500;
  color: #94a3b8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.lembretesDash .lembrete-tabela tbody td {
  padding: 10px 12px;
  font-size: 12px;
  color: #cbd5e1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: middle;
}
.lembretesDash .lembrete-tabela tbody tr:last-child td {
  border-bottom: none;
}
.lembretesDash .lembrete-tabela .lembrete-td-titulo strong {
  font-size: 0.8rem;
  color: #e2e8f0;
}
.lembretesDash .lembrete-tipo-badge {
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: 6px;
  text-transform: uppercase;
}
.lembretesDash .lembrete-tipo-badge--venda {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
.lembretesDash .lembrete-tipo-badge--compra {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
.lembretesDash .lembrete-tipo-badge--expirado {
  margin-left: 6px;
  background: rgba(255, 255, 255, 0.04);
  color: #64748b;
}
.lembretesDash .cadastro-vazio {
  padding: 16px 12px;
  font-size: 12px;
  color: #64748b;
  text-align: center;
}
.lembretesDash .cadastro-btn-acao {
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  color: #94a3b8;
}
.lembretesDash .cadastro-btn-acao:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.06);
  transform: none;
}
.lembretesDash .lembrete-linha--expirada {
  opacity: 0.65;
}

@media (max-width: 640px) {
  .lembretesDash {
    padding: 12px 14px 20px;
  }
}
body.dash-page--contratos .contratos-view {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.dash-page--contratos .contratos-view[hidden] {
  display: none !important;
}
body.dash-page--contratos .contratos-actions {
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
body.dash-page--contratos .contratos-busca {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 1;
  min-width: 200px;
  max-width: 360px;
}
body.dash-page--contratos .contratos-busca i {
  position: absolute;
  left: 11px;
  font-size: 12px;
  color: #7f8ea3;
  pointer-events: none;
}
body.dash-page--contratos .contratos-busca input {
  width: 100%;
  height: 32px;
  padding: 0 12px 0 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 16, 24, 0.65);
  color: #e2eaf2;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}
body.dash-page--contratos .contratos-busca input::placeholder {
  color: #6b7b8f;
}
body.dash-page--contratos .contratos-busca input:focus {
  border-color: rgba(56, 211, 159, 0.4);
  background: rgba(8, 16, 24, 0.9);
}
body.dash-page--contratos .contratos-th-center,
body.dash-page--contratos .contratos-td-center {
  text-align: center;
  white-space: nowrap;
}
body.dash-page--contratos .contratos-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 0.72rem;
  line-height: 1;
}
body.dash-page--contratos .contratos-badge--on {
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
}
body.dash-page--contratos .contratos-badge--off {
  background: rgba(255, 255, 255, 0.05);
  color: #7f8ea3;
}
body.dash-page--contratos .contratos-form-view {
  gap: 8px;
}
body.dash-page--contratos .contratos-form-head {
  flex-shrink: 0;
}
body.dash-page--contratos .contratos-form-head .crm-config-btn-back {
  height: 32px;
  padding: 0 14px 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 16, 24, 0.65);
  color: #b8c5d4;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
body.dash-page--contratos .contratos-form-head .crm-config-btn-back i {
  font-size: 11px;
  opacity: 1;
  color: #38d39f;
}
body.dash-page--contratos .contratos-form-head .crm-config-btn-back:hover {
  border-color: rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.04);
  color: #e2eaf2;
}
body.dash-page--contratos .contratos-form {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(8, 16, 24, 0.65);
  overflow: hidden;
}
body.dash-page--contratos .contratos-form-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
}
body.dash-page--contratos .contratos-form-footer {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(12, 19, 28, 0.6);
}
body.dash-page--contratos .contratos-form-footer .cadastro-modal-cancel {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #b8c5d4;
}
body.dash-page--contratos .contratos-form-footer .cadastro-modal-cancel:hover {
  border-color: rgba(255, 255, 255, 0.25);
  color: #e2eaf2;
}
body.dash-page--contratos .contratos-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 6px;
}
body.dash-page--contratos .contratos-field {
  min-width: 0;
}
body.dash-page--contratos .contratos-field--full {
  grid-column: 1/-1;
}
body.dash-page--contratos .contratos-field > label:not(.contratos-check-inline) {
  display: block;
  margin-bottom: 6px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #b8c5d4;
}
@media screen and (max-width: 720px) {
  body.dash-page--contratos .contratos-form-grid {
    grid-template-columns: 1fr;
  }
}
body.dash-page--contratos .contratos-form select,
body.dash-page--contratos .contratos-form input[type=text] {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 16, 24, 0.85);
  color: #e2eaf2;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.86rem;
  outline: none;
  transition: border-color 0.2s ease;
}
body.dash-page--contratos .contratos-form select::placeholder,
body.dash-page--contratos .contratos-form input[type=text]::placeholder {
  color: #6b7b8f;
}
body.dash-page--contratos .contratos-form select:focus,
body.dash-page--contratos .contratos-form input[type=text]:focus {
  border-color: rgba(56, 211, 159, 0.45);
}
body.dash-page--contratos .contratos-form select:disabled,
body.dash-page--contratos .contratos-form input[type=text]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
body.dash-page--contratos .contratos-form select option {
  background: #0c131c;
  color: #e2eaf2;
}
body.dash-page--contratos .contratos-switches {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 18px;
}
body.dash-page--contratos .contratos-switch {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  cursor: pointer;
  user-select: none;
}
body.dash-page--contratos .contratos-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
body.dash-page--contratos .contratos-switch-track {
  position: relative;
  width: 40px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  transition: background 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--contratos .contratos-switch-track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s ease;
}
input:checked + body.dash-page--contratos .contratos-switch-track {
  background: #38d39f;
}
input:checked + body.dash-page--contratos .contratos-switch-track::after {
  transform: translateX(18px);
}
body.dash-page--contratos .contratos-switch-label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  color: #e2eaf2;
}
body.dash-page--contratos .contratos-check-inline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.85rem;
  color: #cdd8e5;
}
body.dash-page--contratos .contratos-check-inline input {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin: 0;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(8, 16, 24, 0.85);
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease, border-color 0.2s ease;
}
body.dash-page--contratos .contratos-check-inline input:hover {
  border-color: rgba(56, 211, 159, 0.45);
}
body.dash-page--contratos .contratos-check-inline input:focus-visible {
  outline: 2px solid rgba(56, 211, 159, 0.45);
  outline-offset: 2px;
}
body.dash-page--contratos .contratos-check-inline input:checked {
  background: #38d39f;
  border-color: #38d39f;
}
body.dash-page--contratos .contratos-check-inline input:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #06231a;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
body.dash-page--contratos .contratos-upload {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.dash-page--contratos .contratos-upload input[type=file] {
  width: 100%;
  max-width: 420px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 16, 24, 0.85);
  color: #9fb0c2;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
body.dash-page--contratos .contratos-upload input[type=file]:hover {
  border-color: rgba(56, 211, 159, 0.35);
}
body.dash-page--contratos .contratos-upload input[type=file]:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
}
body.dash-page--contratos .contratos-upload input[type=file]::file-selector-button {
  margin-right: 12px;
  padding: 9px 14px;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
body.dash-page--contratos .contratos-upload input[type=file]::-webkit-file-upload-button {
  margin-right: 12px;
  padding: 9px 14px;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
body.dash-page--contratos .contratos-upload input[type=file]:hover::file-selector-button {
  background: rgba(56, 211, 159, 0.2);
  color: #4ee0ac;
}
body.dash-page--contratos .contratos-upload input[type=file]:hover::-webkit-file-upload-button {
  background: rgba(56, 211, 159, 0.2);
  color: #4ee0ac;
}
body.dash-page--contratos .contratos-upload-atual {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(8, 16, 24, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 0.82rem;
}
body.dash-page--contratos .contratos-upload-atual i {
  color: #38d39f;
}
body.dash-page--contratos .contratos-upload-atual a {
  color: #e2eaf2;
  text-decoration: none;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--contratos .contratos-upload-atual a:hover {
  text-decoration: underline;
}
body.dash-page--contratos .contratos-upload-remover {
  border: none;
  background: transparent;
  color: #e57373;
  cursor: pointer;
  padding: 2px;
  line-height: 1;
}
body.dash-page--contratos .contratos-upload-remover:hover {
  color: #f87171;
}
body.dash-page--contratos .contratos-upload-status {
  margin: 0;
  font-size: 0.78rem;
  color: #8ea1bb;
}
body.dash-page--contratos .contratos-editor-campo {
  margin: 8px 0 4px;
}
body.dash-page--contratos .contratos-editor-campo > label {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: #b8c5d4;
}
body.dash-page--contratos .contratos-editor-campo .tox-tinymce {
  border-radius: 10px;
  border-color: rgba(255, 255, 255, 0.12);
}

/** Reserva espaço do scroll (evita cards “pularem” ao passar o mouse). */
/** Trilho sempre ocupado; thumb invisível até hover. */
/** Colunas: espaço fixo + thumb invisível até hover. */
/** Lista CRM ≤768px: cartão por lead — nome, tel., etapa, carro, vendedor, data, ações. */
body.dash-page--crm,
body.dash-page--crm-config,
body.dash-page--trazer-leads,
body.dash-page--etiquetas,
body.dash-page--contratos {
  overflow: hidden;
  height: 100vh;
}
body.dash-page--crm .dash-layout,
body.dash-page--crm-config .dash-layout,
body.dash-page--trazer-leads .dash-layout,
body.dash-page--etiquetas .dash-layout,
body.dash-page--contratos .dash-layout {
  min-height: 100vh;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  align-items: stretch;
}
body.dash-page--crm .dash-main--crm-board,
body.dash-page--crm-config .dash-main--crm-board,
body.dash-page--trazer-leads .dash-main--crm-board,
body.dash-page--etiquetas .dash-main--crm-board,
body.dash-page--contratos .dash-main--crm-board {
  flex: 1;
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: 0 !important;
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important;
  overflow: hidden !important;
  box-sizing: border-box;
  width: auto;
  max-width: none;
  background: var(--fundo-corpo, #f4f6f9);
}
@media screen and (max-width: 900px) {
  body.dash-page--crm .dash-main--crm-board,
  body.dash-page--crm-config .dash-main--crm-board,
  body.dash-page--trazer-leads .dash-main--crm-board,
  body.dash-page--etiquetas .dash-main--crm-board,
  body.dash-page--contratos .dash-main--crm-board {
    margin-left: 0 !important;
  }
}

.crm-scroll-area {
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
}

.crm-filtros-leads {
  flex-shrink: 0;
  margin-bottom: 10px;
}

.crm-filtros-leads[hidden] {
  display: none !important;
}

.crm-filtros-leads-bar {
  display: flex;
  align-items: center;
  gap: 10px;
}

.crm-filtros-leads-bar--unified {
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  row-gap: 10px;
  padding-bottom: 14px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--cor-borda);
}

.crm-filtros-leads-bar-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.crm-filtros-leads-bar-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
}
.crm-filtros-leads-bar-left:has(#crmFiltrosToggleWrap[hidden]) {
  display: none;
}

#crmFiltrosToggleWrap[hidden] {
  display: none !important;
}

.crm-filtros-leads-bar-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  margin-left: auto;
  flex-shrink: 0;
}

.crm-filtros-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.crm-filtros-toggle i {
  font-size: 0.88rem;
  color: #38d39f;
}
.crm-filtros-toggle:hover {
  border-color: #38d39f;
  color: #38d39f;
}
.crm-filtros-toggle--aberto {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.crm-filtros-leads-body {
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}
.crm-filtros-leads-body[hidden] {
  display: none !important;
}

.crm-filtros-leads-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 18px;
  align-items: start;
}
@media (max-width: 1100px) {
  .crm-filtros-leads-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px) {
  .crm-filtros-leads-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.crm-filtro-field {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  min-width: 0;
}
.crm-filtro-field > span {
  font-weight: 600;
  font-size: 0.72rem;
}
.crm-filtro-field input[type=search],
.crm-filtro-field input[type=text],
.crm-filtro-field select {
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.84rem;
  width: 100%;
  box-sizing: border-box;
}
.crm-filtro-field input[type=search]:focus,
.crm-filtro-field input[type=text]:focus,
.crm-filtro-field select:focus {
  outline: none;
  border-color: #38d39f;
}
.crm-filtro-field input[type=date] {
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  width: 100%;
  box-sizing: border-box;
}
.crm-filtro-field input[type=date]:focus {
  outline: none;
  border-color: #38d39f;
}

.crm-filtros-leads-actions {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--cor-borda);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 520px) {
  .crm-filtros-leads-actions {
    justify-content: stretch;
  }
  .crm-filtros-leads-actions button {
    flex: 1 1 auto;
    min-width: min(100%, 160px);
  }
}

.crm-filtros-leads-limpar {
  padding: 8px 16px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.crm-filtros-leads-limpar:hover {
  border-color: #38d39f;
  color: #38d39f;
}

body.dash-page--crm-chat {
  overflow: hidden;
  height: 100vh;
}
body.dash-page--crm-chat .chat-sidebar .crm-chat-only-bar {
  display: flex !important;
  width: 100%;
}
body.dash-page--crm-chat .dash-layout {
  min-height: 100vh;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  align-items: stretch;
}
body.dash-page--crm-chat .dash-main {
  flex: 1;
  min-width: 0;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: 0 !important;
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important;
  overflow: hidden !important;
  box-sizing: border-box;
}
@media screen and (max-width: 900px) {
  body.dash-page--crm-chat .dash-main {
    margin-left: 0 !important;
  }
}
body.dash-page--crm-chat .dash-crm-chat-page {
  flex: 1;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm {
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  border: none;
  border-radius: 0;
  box-shadow: none;
  gap: 0;
  overflow: hidden;
}

body.dash-page--internal-chat {
  background: #040d18;
  overflow-x: clip;
}
body.dash-page--internal-chat .dash-layout,
body.dash-page--internal-chat .dash-main,
body.dash-page--internal-chat .internalChatDash {
  overflow: visible;
}
body.dash-page--internal-chat .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #040d18;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
}
@media screen and (max-width: 900px) {
  body.dash-page--internal-chat .dash-main {
    margin-left: 0 !important;
  }
}
body.dash-page--internal-chat .dash-chat-shell--internal > .dash-chat-crm-resumo {
  display: none !important;
}

.internalChatDash {
  min-height: calc(100vh - 56px);
  height: calc(100vh - 56px);
  max-height: calc(100vh - 56px);
  width: 100%;
  padding: 16px 20px 24px;
  background: #040d18;
  font-family: "Inter", "Poppins", sans-serif;
  color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}
.internalChatDash *,
.internalChatDash *::before,
.internalChatDash *::after {
  box-sizing: border-box;
}
.internalChatDash .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.internalChatDash .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.internalChatDash .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.internalChatDash .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.internalChatDash .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.internalChatDash .crmConfigTopbarName {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
}
.internalChatDash .crmConfigTopbarSub {
  margin: 0;
  font-size: 0.78rem;
  color: #8fa3bf;
  line-height: 1.35;
}
.internalChatDash__shell {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(10, 25, 40, 0.95), rgba(5, 15, 25, 0.98));
  border-radius: 16px;
  border: 1px solid rgba(60, 255, 210, 0.08);
  box-shadow: 0 0 40px rgba(0, 255, 200, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.015);
}
.internalChatDash .dash-chat-shell--internal {
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: 0;
  align-items: stretch;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  --dash-chat-col-h: 100%;
}
.internalChatDash .dash-chat-shell--internal > .dash-chat-left.chat-sidebar,
.internalChatDash .dash-chat-shell--internal > .dash-chat-right.chat-window {
  height: 100%;
  max-height: 100%;
  min-height: 0;
  border-radius: 0;
  box-shadow: none;
}

body.dash-page--crm .crm-conversa-drawer {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 16px 12px;
  box-sizing: border-box;
  pointer-events: none;
}
body.dash-page--crm .crm-conversa-drawer:not([hidden]), body.dash-page--crm .crm-conversa-drawer.crm-conversa-drawer--aberto {
  display: flex;
  pointer-events: auto;
}
body.dash-page--crm .crm-conversa-drawer[hidden] {
  display: none !important;
  pointer-events: none;
}
body.dash-page--crm .crm-conversa-drawer__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
body.dash-page--crm .crm-conversa-drawer__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: min(1080px, 100%);
  height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  background: #081018;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
  overflow: hidden;
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.2s ease, transform 0.2s ease;
  font-family: "Inter", "Poppins", sans-serif;
}
body.dash-page--crm .crm-conversa-drawer:not([hidden]) .crm-conversa-drawer__panel,
body.dash-page--crm .crm-conversa-drawer.crm-conversa-drawer--aberto .crm-conversa-drawer__panel {
  opacity: 1;
  transform: scale(1);
}
body.dash-page--crm .crm-conversa-drawer__chrome {
  flex-shrink: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 6px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #081018;
}
body.dash-page--crm .crm-conversa-drawer__fechar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
body.dash-page--crm .crm-conversa-drawer__fechar i {
  font-size: 12px;
  line-height: 1;
}
body.dash-page--crm .crm-conversa-drawer__fechar:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
  color: #fff;
}
body.dash-page--crm .crm-conversa-drawer__titulo {
  margin: 0;
  min-width: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: #d8e1ea;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
body.dash-page--crm .crm-conversa-drawer__ir-conversa {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #b8c5d4;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
body.dash-page--crm .crm-conversa-drawer__ir-conversa i {
  font-size: 12px;
  color: inherit;
}
body.dash-page--crm .crm-conversa-drawer__ir-conversa:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
  color: #fff;
}
body.dash-page--crm .crm-conversa-drawer__ir-conversa:hover i {
  color: #38d39f;
}
body.dash-page--crm .crm-conversa-drawer__frame {
  flex: 1;
  min-height: 0;
  width: 100%;
  border: none;
  display: block;
  background: #081018;
}
@media screen and (max-width: 720px) {
  body.dash-page--crm .crm-conversa-drawer {
    padding: 8px;
  }
  body.dash-page--crm .crm-conversa-drawer__panel {
    width: 100%;
    height: calc(100vh - 64px);
    max-height: calc(100vh - 64px);
  }
}
@media screen and (max-width: 480px) {
  body.dash-page--crm .crm-conversa-drawer__ir-conversa span {
    display: none;
  }
  body.dash-page--crm .crm-conversa-drawer__ir-conversa {
    width: 30px;
    padding: 0;
    justify-content: center;
  }
}

.crm-chat-only-bar {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  align-self: flex-start;
}

.crm-chat-only-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.crm-chat-only-back i {
  font-size: 0.9rem;
}
.crm-chat-only-back:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.crm-chat-only-ia-wrap {
  position: relative;
}

.crm-chat-only-ia-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.crm-chat-only-ia-btn .crm-chat-only-ia-chevron {
  font-size: 0.65rem;
  opacity: 0.75;
}
.crm-chat-only-ia-btn:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.crm-chat-only-ia-btn--all-on {
  border-color: rgba(56, 211, 159, 0.55);
  color: rgb(40.9580246914, 185.2419753086, 136.837037037);
}
.crm-chat-only-ia-btn--all-on .fa-robot {
  color: #38d39f;
}
.crm-chat-only-ia-btn--all-off {
  border-color: rgba(180, 83, 9, 0.35);
  color: var(--texto-secundario);
}
.crm-chat-only-ia-btn--all-off .fa-robot {
  color: #b45309;
}
.crm-chat-only-ia-btn--mixed {
  border-color: rgba(217, 119, 6, 0.45);
}
.crm-chat-only-ia-btn--mixed .fa-robot {
  color: #d97706;
}
.crm-chat-only-ia-btn--empty {
  opacity: 0.92;
}

.crm-chat-only-ia-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.25;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.crm-chat-only-ia-pill--on {
  background: rgba(56, 211, 159, 0.18);
  color: rgb(37.2641975309, 168.5358024691, 124.4962962963);
}

.crm-chat-only-ia-pill--off {
  background: rgba(180, 83, 9, 0.12);
  color: #9a3412;
}

.crm-chat-only-ia-pill--mixed {
  background: rgba(217, 119, 6, 0.15);
  color: #b45309;
}

.crm-chat-only-ia-pill--empty {
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  border: 1px solid var(--cor-borda);
}

.crm-chat-only-ia-pill--unknown {
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  border: 1px dashed var(--cor-borda);
}

.crm-chat-only-ia-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  min-width: 220px;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
  z-index: 40;
}

.crm-chat-only-ia-menu-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.crm-chat-only-ia-menu-item:hover {
  background: rgba(56, 211, 159, 0.08);
  color: #38d39f;
}

.crm-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cor-borda);
}

.crm-visual-group {
  display: inline-flex;
  align-items: center;
  background: var(--fundo-corpo);
  border-radius: 999px;
  padding: 3px;
  border: 1px solid var(--cor-borda);
}

.crm-visual-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.crm-visual-btn i {
  font-size: 0.85rem;
}
.crm-visual-btn:hover:not(:disabled) {
  color: #38d39f;
}
.crm-visual-btn--ativo {
  background: #38d39f;
  color: #fff;
}
.crm-visual-btn--ativo i {
  color: #fff;
}
.crm-visual-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.crm-pipeline {
  display: flex;
  gap: 16px;
  align-items: stretch;
  flex: 1;
  min-height: 0;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-pipeline::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-pipeline::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-pipeline::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-col {
  flex: 1;
  min-width: 300px;
  max-width: 400px;
  background: var(--fundo-corpo);
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-height: 0;
  max-height: none;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.crm-col--drag-over {
  border-color: #38d39f;
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.2);
}

.crm-col-header {
  padding: 14px 16px;
  border-bottom: 1px solid var(--cor-borda);
  flex-shrink: 0;
}

.crm-col-title {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--crm-etapa-cor, var(--texto-principal));
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm-col-title i {
  color: currentColor;
  font-size: 0.9rem;
}

.crm-etapa-cor {
  color: var(--crm-etapa-cor, inherit);
}

.crm-etapa-cor-dot {
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  vertical-align: middle;
}

.crm-etapa-cor-campo .crm-etapa-cor-hint {
  margin: 0 0 10px;
  font-size: 0.82rem;
  color: var(--texto-terciario);
}

.crm-etapa-cor-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.crm-etapa-cor-swatches {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.crm-etapa-cor-swatch {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  border: 2px solid transparent;
  cursor: pointer;
  padding: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.crm-etapa-cor-swatch--ativo {
  border-color: var(--texto-principal);
  box-shadow: 0 0 0 2px var(--fundo-principal), 0 0 0 4px currentColor;
}

.crm-etapa-cor-input {
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  cursor: pointer;
  background: transparent;
}

.crm-lista-select-etapa.crm-etapa-cor {
  font-weight: 600;
}

.crm-col-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
  font-size: 0.72rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
}

.crm-col-body {
  padding: 10px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.crm-col-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-col-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
.crm-col-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-col-body:hover,
.crm-col:hover .crm-col-body {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-col-body:hover::-webkit-scrollbar-track,
.crm-col:hover .crm-col-body::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
.crm-col-body:hover::-webkit-scrollbar-thumb,
.crm-col:hover .crm-col-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-col-vazio {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  color: var(--texto-terciario);
  text-align: center;
  padding: 24px 12px;
  margin: 0;
}

.crm-col-vazio--lazy {
  padding: 16px 12px;
  font-size: 0.75rem;
  opacity: 0.85;
}

.crm-col--lazy .crm-col-body {
  min-height: 72px;
}

.crm-load-more {
  display: block;
  width: 100%;
  margin: 4px 0 0;
  padding: 8px 10px;
  border: 1px dashed rgba(30, 229, 157, 0.35);
  border-radius: 8px;
  background: rgba(30, 229, 157, 0.06);
  color: var(--texto-secundario, #5a6a7e);
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.15s ease;
}
.crm-load-more:hover:not(:disabled) {
  background: rgba(30, 229, 157, 0.12);
  color: var(--texto-principal, #1a2332);
}
.crm-load-more:disabled {
  opacity: 0.55;
  cursor: wait;
}

.crm-pipeline-load-more-wrap,
.crm-lista-load-more-wrap {
  flex: 0 0 auto;
  padding: 8px 10px 4px;
  width: 100%;
  box-sizing: border-box;
}

.crm-pipeline-load-more-wrap {
  min-width: 220px;
  max-width: 280px;
}

.crm-carregando {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px 20px;
  text-align: center;
}
.crm-carregando__spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid rgba(56, 211, 159, 0.18);
  border-top-color: #38d39f;
  animation: crm-carregando-spin 0.75s linear infinite;
}
.crm-carregando__texto {
  margin: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.4;
}
.crm-carregando--pipeline {
  min-height: 220px;
  width: 100%;
}
.crm-carregando--lista {
  min-height: 180px;
}
.crm-carregando--coluna {
  min-height: 120px;
  padding: 28px 12px;
}
.crm-carregando--coluna .crm-carregando__spinner {
  width: 22px;
  height: 22px;
}
.crm-carregando--coluna .crm-carregando__texto {
  font-size: 0.75rem;
}

@keyframes crm-carregando-spin {
  to {
    transform: rotate(360deg);
  }
}
.crm-card {
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  padding: 7px 9px;
  cursor: grab;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
  position: relative;
  z-index: 0;
}
.crm-card.crm-card--menu-aberto {
  z-index: 40;
}
.crm-card:active {
  cursor: grabbing;
}
.crm-card:hover {
  border-color: rgba(56, 211, 159, 0.35);
  box-shadow: 0 4px 14px rgba(21, 21, 21, 0.08);
}
.crm-card--dragging {
  opacity: 0.55;
  transform: scale(0.98);
}
.crm-card--prioridade-alta {
  border-left: 3px solid #dc3545;
}
.crm-card--prioridade-media {
  border-left: 3px solid #fd7e14;
}
.crm-card--prioridade-baixa {
  border-left: 3px solid var(--cor-borda);
}
.crm-card--nao-lida {
  background: rgba(56, 211, 159, 0.03);
}

.crmLeadCardTopMain {
  flex: 1;
  min-width: 0;
}

.crmLeadCardNomeLinha {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 3px;
  min-width: 0;
}

.crmLeadCardNome {
  flex: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-word;
}
.crmLeadCardNome--nao-lida {
  color: var(--texto-principal);
}

.crmLeadCardVeiculo {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.crmLeadCardVeiculo .crm-lista-veiculo {
  flex: 1;
  min-width: 0;
  max-width: none;
}

.crm-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.crm-card-nome {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.82rem;
  color: var(--texto-principal);
  margin: 0;
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}

.crm-card-nome-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** Linha de etiquetas no cartão da pipeline (chips), abaixo de Ver / Conversa. */
.crm-card-etiquetas-row {
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 0 0;
  border-radius: 0;
  background: transparent;
  border: none;
  border-top: 1px solid rgba(56, 211, 159, 0.18);
  box-sizing: border-box;
}

.crm-card-etiquetas-wrap {
  min-width: 0;
  width: 100%;
}

.crm-card-etiquetas-kicker {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--texto-terciario);
  margin-bottom: 6px;
}
.crm-card-etiquetas-kicker i {
  font-size: 0.68rem;
  color: rgba(56, 211, 159, 0.85);
}

.crm-card-etiquetas-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
}

.crm-card-etiqueta-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  max-width: 12rem;
  min-width: 0;
  padding: 4px 10px;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
  color: #fff;
  background: #15803d;
  border: 1px solid rgba(20, 83, 45, 0.65);
  box-shadow: none;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-card-etiqueta-chip--motivo-crm {
  color: #fff;
  background: #c2410c;
  border-color: rgba(124, 45, 18, 0.75);
}

.crm-card-conv-tags--inline {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.crm-card-menu-wrap {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}

.crm-card-menu-trigger {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, color 0.2s ease;
}
.crm-card-menu-trigger:hover {
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}

.crm-card-menu {
  min-width: 200px;
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(21, 21, 21, 0.15);
  padding: 6px 0;
  display: none;
}
.crm-card-menu--aberto {
  display: block;
}
.crm-card-menu.crm-card-menu--fixo-viewport {
  position: fixed;
  margin: 0;
  z-index: 5000;
}
.crm-card-menu--fly-left .crm-menu-fly-panel {
  left: auto;
  right: calc(100% - 4px);
}

.crm-card-menu-inner {
  padding: 0;
}
.crm-card-menu-inner > .crm-menu-fly-item + .crm-menu-fly-item {
  border-top: 1px solid var(--cor-borda);
}

.crm-menu-divider {
  height: 1px;
  margin: 6px 0;
  background: var(--cor-borda);
  border: 0;
}

.crm-menu-fly-item {
  position: relative;
}

.crm-menu-fly-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 12px;
  user-select: none;
}

.crm-menu-fly-item:not(.crm-menu-fly-item--somente-leitura) .crm-menu-fly-trigger {
  cursor: pointer;
}

.crm-menu-fly-item--somente-leitura .crm-menu-fly-trigger {
  cursor: default;
}

.crm-menu-fly-trigger-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.crm-menu-fly-title {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--texto-principal);
  display: flex;
  align-items: center;
  gap: 8px;
}
.crm-menu-fly-title > i {
  width: 16px;
  text-align: center;
  font-size: 0.8rem;
  color: var(--cor-icone);
}

.crm-menu-fly-meta {
  font-family: "Poppins", sans-serif;
  font-size: 0.7rem;
  color: var(--texto-terciario);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-menu-fly-chevron {
  flex-shrink: 0;
  font-size: 0.65rem;
  color: var(--texto-terciario);
  opacity: 0.85;
}

.crm-menu-fly-badge {
  flex-shrink: 0;
  font-size: 0.62rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--texto-terciario);
  background: rgba(21, 21, 21, 0.06);
  padding: 3px 7px;
  border-radius: 6px;
}

.crm-menu-fly-panel {
  display: none;
  position: absolute;
  left: calc(100% - 4px);
  top: 0;
  z-index: 6;
  min-width: 200px;
  max-width: min(280px, 100vw - 20px);
  padding: 4px 0;
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(21, 21, 21, 0.14);
}

.crm-menu-fly-item:hover .crm-menu-fly-panel,
.crm-menu-fly-item:focus-within .crm-menu-fly-panel,
.crm-menu-fly-item--aberto .crm-menu-fly-panel {
  display: block;
}

.crm-menu-fly-panel--scroll {
  max-height: min(52vh, 300px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-menu-fly-panel--scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-menu-fly-panel--scroll::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-menu-fly-panel--scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-menu-fly-vazio {
  padding: 10px 14px;
  font-family: "Poppins", sans-serif;
  font-size: 0.76rem;
  color: var(--texto-terciario);
}

.crm-card-menu-item .crm-menu-fly-check {
  width: 18px;
  min-width: 18px;
  color: #38d39f;
}

.crm-card-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: none;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  color: var(--texto-secundario);
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease, color 0.15s ease;
}
.crm-card-menu-item:hover {
  background: rgba(56, 211, 159, 0.08);
  color: #38d39f;
}
.crm-card-menu-item i {
  width: 16px;
  text-align: center;
  font-size: 0.8rem;
  color: var(--cor-icone);
}

.crm-card-menu-sub {
  padding: 4px 0 4px 8px;
  border-top: 1px solid var(--cor-borda);
  margin-top: 4px;
}

.crm-card-menu-subtitulo {
  font-size: 0.68rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-terciario);
  padding: 6px 14px 4px;
  font-family: "Poppins", sans-serif;
}

.crm-card-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.crm-card-tags .crm-interesse {
  margin-bottom: 0;
}
.crm-card-tags .crm-card-conv-tags {
  margin-left: auto;
  flex-shrink: 0;
}

/** Ícone único de etiquetas no cartão (como na lista de conversas). */
.crm-card-conv-tags {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.crm-card-tag-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #16a34a;
  color: #fff;
  border: 1px solid #15803d;
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.35);
  cursor: default;
  line-height: 1;
}
.crm-card-tag-icon i {
  display: block;
  font-size: 11px;
  line-height: 1;
  transform: translateY(0.5px);
}
.crm-card-tag-icon:focus {
  outline: 2px solid rgba(56, 211, 159, 0.55);
  outline-offset: 2px;
}

.crm-card-conv-tags--has-crm-motivo .crm-card-tag-icon {
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  border-color: #9a3412;
  box-shadow: 0 4px 10px rgba(234, 88, 12, 0.35);
}

.crm-etiqueta-tooltip-float {
  display: none;
  position: fixed;
  z-index: 9999;
  min-width: 190px;
  max-width: 320px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1.45;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32);
  white-space: normal;
  pointer-events: none;
}

.crm-origem {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
}
.crm-origem i {
  font-size: 0.78rem;
}
.crm-origem--whatsapp {
  background: rgba(37, 211, 102, 0.12);
  color: #128c3a;
}
.crm-origem--mercadolivre {
  background: rgba(255, 230, 0, 0.35);
  color: #2d3277;
}
.crm-origem--site {
  background: rgba(59, 130, 246, 0.1);
  color: #2563eb;
}
.crm-origem--outro {
  background: rgba(21, 21, 21, 0.08);
  color: var(--texto-secundario);
}

.crm-interesse {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.crm-interesse--vender {
  background: rgba(220, 53, 69, 0.1);
  color: #c82333;
}
.crm-interesse--comprar {
  background: rgba(56, 211, 159, 0.12);
  color: #32be8f;
}
.crm-interesse--recepcao {
  background: #0f172a;
  color: #fff;
}
.crm-interesse--trocar {
  background: rgba(232, 154, 30, 0.12);
  color: #e19418;
}

.crm-card-meta {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  margin: 0 0 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.crm-card-meta i {
  width: 14px;
  color: #38d39f;
  font-size: 0.72rem;
}
.crm-card-meta--vendedor {
  font-weight: 500;
  color: var(--texto-secundario);
}
.crm-card-meta--vendedor i {
  color: #e19418;
}

.crm-card-acoes {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.crm-btn-card {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  transition: all 0.2s ease;
}
.crm-btn-card i {
  font-size: 0.75rem;
}
.crm-btn-card:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.crm-btn-card--primario {
  background: linear-gradient(135deg, #38d39f 0%, #32be8f 100%);
  border-color: transparent;
  color: #fff;
}
.crm-btn-card--primario:hover {
  opacity: 0.95;
  color: #fff;
}

.crm-view-placeholder {
  text-align: center;
  padding: 48px 24px;
  font-family: "Poppins", sans-serif;
  color: var(--texto-terciario);
  font-size: 0.95rem;
}

.crm-view-panel {
  display: none;
}
.crm-view-panel--ativo {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-view-panel--ativo::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-view-panel--ativo::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-view-panel--ativo::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

/** Pipeline: sem scroll no painel — só colunas do kanban rolam. */
#crmViewPipeline.crm-view-panel--ativo {
  overflow: hidden;
}

/** Dados / Vendedores / Carros: scroll no conteúdo interno. Lista: regra mobile mais abaixo. */
#crmViewDados.crm-view-panel--ativo,
#crmViewVendedores.crm-view-panel--ativo,
#crmViewCarros.crm-view-panel--ativo {
  overflow: hidden;
}

#crmViewLista.crm-view-panel--ativo {
  overflow: hidden;
}

.crm-vendedores-view {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 1100px;
}

.crm-vendedores-filtros {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}

.crm-vendedores-filtros-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-secundario);
}

.crm-vendedores-filtros-campos {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
}

.crm-vendedores-filtro-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-secundario);
}
.crm-vendedores-filtro-field span {
  font-weight: 500;
}
.crm-vendedores-filtro-field input[type=date] {
  min-height: 40px;
  padding: 6px 10px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
}
.crm-vendedores-filtro-field input[type=date]:focus {
  outline: none;
  border-color: #38d39f;
}

.crm-vendedores-filtro-limpar {
  padding: 8px 14px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}
.crm-vendedores-filtro-limpar:hover {
  border-color: #38d39f;
  color: #38d39f;
}

.crm-dados-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1100px;
}

.crm-dados-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  width: fit-content;
  max-width: 100%;
}

.crm-dados-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--texto-terciario);
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.crm-dados-tab i {
  font-size: 0.85rem;
}
.crm-dados-tab:hover:not(:disabled) {
  color: #38d39f;
}
.crm-dados-tab--ativo {
  background: #38d39f;
  color: #fff;
}
.crm-dados-tab--ativo i {
  color: #fff;
}

.crm-dados-tab-panel {
  display: none;
}
.crm-dados-tab-panel--ativo {
  display: block;
}

.crm-dados-wrap {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.crm-dados-intro {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--texto-secundario);
}

.crm-dados-msg {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-terciario);
}

.crm-dados-tabela-root {
  width: 100%;
}

.crm-dados-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-dados-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-dados-scroll::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-dados-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-dados-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
}
.crm-dados-table thead {
  background: var(--fundo-formulario);
  border-bottom: 1px solid var(--cor-borda);
}
.crm-dados-table th {
  text-align: left;
  padding: 12px 14px;
  font-weight: 600;
  color: var(--texto-secundario);
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.crm-dados-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--cor-borda);
  color: var(--texto-principal);
  vertical-align: middle;
}
.crm-dados-table tbody tr:last-child td {
  border-bottom: none;
}
.crm-dados-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.04);
}
.crm-dados-table a {
  color: #38d39f;
  font-weight: 600;
  text-decoration: none;
}
.crm-dados-table a:hover {
  text-decoration: underline;
}

.crm-dados-cell-marca-modelo {
  font-weight: 600;
  color: var(--texto-principal);
}

.crm-dados-vazio {
  padding: 28px 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  color: var(--texto-terciario);
  border: 1px dashed var(--cor-borda);
  border-radius: 14px;
  background: var(--fundo-formulario);
}

.crm-vendedor-resumo-wrap {
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  overflow: hidden;
}

.crm-vendedor-resumo-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--texto-secundario);
  border-bottom: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}
.crm-vendedor-resumo-head i {
  color: #38d39f;
}

.crm-vendedor-resumo-chips {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 14px 16px;
}

.crm-vendedor-grupo {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  overflow: hidden;
}

.crm-vendedor-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
}

.crm-vendedor-chip--toggle {
  width: 100%;
  margin: 0;
  border-radius: 0;
  border: none;
  justify-content: flex-start;
  text-align: left;
  cursor: pointer;
  padding: 12px 14px;
  background: var(--fundo-formulario);
  transition: background 0.15s ease;
}
.crm-vendedor-chip--toggle:hover {
  background: rgba(56, 211, 159, 0.06);
}
.crm-vendedor-chip--toggle--aberto {
  background: rgba(56, 211, 159, 0.08);
}

.crm-vendedor-chip-chevron {
  margin-left: auto;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  transition: transform 0.2s ease;
}

.crm-vendedor-chip--toggle--aberto .crm-vendedor-chip-chevron {
  transform: rotate(180deg);
  color: #38d39f;
}

.crm-vendedor-grupo-leads {
  border-top: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  padding: 0;
  /* Mesmo padrão visual da lista CRM (tabela + scroll). */
}
.crm-vendedor-grupo-leads .crm-lista-scroll {
  border-radius: 0;
  border: none;
  border-top: none;
}
.crm-vendedor-grupo-leads .crm-lista-table {
  min-width: 560px;
}
.crm-vendedor-grupo-leads thead th {
  font-size: 0.72rem;
}
.crm-vendedor-grupo-leads .crm-vendedor-grupo-tabela-vazia {
  text-align: center;
  padding: 20px 16px !important;
  font-style: italic;
  color: var(--texto-terciario);
  font-size: 0.82rem;
}
.crm-vendedor-grupo-leads .crm-lista-btn-chat {
  padding: 6px 12px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #38d39f;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.crm-vendedor-grupo-leads .crm-lista-btn-chat:hover {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.08);
}

.crm-vendedor-chip-label {
  color: var(--texto-principal);
  font-weight: 500;
}

.crm-vendedor-chip-count {
  min-width: 1.5rem;
  text-align: center;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  font-weight: 700;
  font-size: 0.78rem;
}

body.dark-mode .crm-dados-scroll,
body.dark-mode .crm-vendedor-resumo-wrap,
body.dark-mode .crm-vendedor-grupo {
  border-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .crm-dados-table thead {
  background: rgba(255, 255, 255, 0.04);
}
body.dark-mode .crm-dados-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.08);
}

.crm-lista-root {
  width: 100%;
}

.crm-lista-filtro-nl {
  flex-shrink: 0;
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.crm-lista-filtro-nl:hover {
  border-color: #38d39f;
  color: #38d39f;
}
.crm-lista-filtro-nl--ativo {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}

.crm-lista-scroll-wrap {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.crm-lista-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-lista-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-lista-scroll::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-lista-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-lista-pager {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}

.crm-lista-pager-meta {
  flex: 1;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--texto-secundario);
  white-space: nowrap;
}

.crm-lista-pager-btn {
  flex-shrink: 0;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.crm-lista-pager-btn:hover:not(:disabled) {
  border-color: #38d39f;
  color: #38d39f;
}
.crm-lista-pager-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.crm-lista-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  font-size: 0.76rem;
}
.crm-lista-table thead {
  background: var(--fundo-formulario);
  border-bottom: 1px solid var(--cor-borda);
}
.crm-lista-table th {
  text-align: left;
  padding: 6px 8px;
  font-weight: 600;
  color: var(--texto-secundario);
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.crm-lista-table th.crm-lista-th-sortable {
  cursor: pointer;
  user-select: none;
  transition: color 0.15s ease, background 0.15s ease;
  position: relative;
  padding-right: 22px;
}
.crm-lista-table th.crm-lista-th-sortable:hover {
  color: var(--texto-principal);
  background: rgba(56, 211, 159, 0.06);
}
.crm-lista-table th.crm-lista-th-sortable--active {
  color: #38d39f;
}
.crm-lista-table th.crm-lista-th-sortable::after {
  content: "↕";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.65rem;
  opacity: 0.3;
  font-weight: 400;
  line-height: 1;
}
.crm-lista-table th.crm-lista-th-sortable:hover::after {
  opacity: 0.55;
}
.crm-lista-table th.crm-lista-th-sortable--active.crm-lista-th-sortable--asc::after {
  content: "▲";
  opacity: 1;
  color: #38d39f;
}
.crm-lista-table th.crm-lista-th-sortable--active.crm-lista-th-sortable--desc::after {
  content: "▼";
  opacity: 1;
  color: #38d39f;
}
.crm-lista-table td {
  padding: 4px 8px;
  vertical-align: middle;
  border-bottom: 1px solid var(--cor-borda);
  color: var(--texto-principal);
  line-height: 1.2;
}
.crm-lista-table tbody tr:last-child td {
  border-bottom: none;
}

.crm-lista-th-acoes {
  width: 1%;
  text-align: right;
}

.crm-lista-row {
  transition: background 0.15s ease;
}
.crm-lista-row:hover {
  background: rgba(56, 211, 159, 0.04);
}
.crm-lista-row--nao-lida {
  background: rgba(56, 211, 159, 0.03);
}
.crm-lista-row--prioridade-alta td:first-child {
  box-shadow: inset 3px 0 0 #dc3545;
}
.crm-lista-row--prioridade-media td:first-child {
  box-shadow: inset 3px 0 0 #fd7e14;
}
.crm-lista-row--prioridade-baixa td:first-child {
  box-shadow: inset 3px 0 0 var(--cor-borda);
}

.crm-lista-td-lead {
  min-width: 140px;
}

.crm-lista-lead-linha {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.crm-lista-lead-textos {
  min-width: 0;
  flex: 1;
}

.crm-lista-unread-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #38d39f;
  color: #0a1218;
  font-size: 0.62rem;
  font-weight: 700;
  line-height: 1;
}

.crm-lista-nome {
  display: block;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.78rem;
  color: var(--texto-principal);
  line-height: 1.2;
}
.crm-lista-nome--nao-lida {
  color: var(--texto-principal);
}

.crm-lista-fone {
  display: block;
  margin-top: 1px;
  font-size: 0.68rem;
  color: var(--texto-terciario);
  line-height: 1.15;
}

.crm-lista-td-fase {
  color: var(--texto-secundario);
  max-width: 220px;
  vertical-align: middle;
}

.crm-lista-td-veiculo {
  max-width: 200px;
  color: var(--texto-secundario);
  font-size: 0.7rem;
}

.crm-lista-veiculo {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
  font-weight: 500;
}
.crm-lista-veiculo--vazio {
  color: var(--texto-terciario);
  font-weight: 400;
}

.crm-lista-select-etapa {
  display: block;
  width: 100%;
  max-width: 220px;
  padding: 4px 28px 4px 8px;
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  background: var(--fundo-formulario);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.25;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16'%3E%3Cpath fill='%2338d39f' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
.crm-lista-select-etapa:hover, .crm-lista-select-etapa:focus {
  border-color: #38d39f;
  color: #38d39f;
  outline: none;
}

.crm-lista-etapa-texto {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--texto-secundario);
}

.crm-lista-td-vendedor {
  color: var(--texto-secundario);
  white-space: nowrap;
}

.crm-lista-td-data {
  color: var(--texto-terciario);
  white-space: nowrap;
}

.crm-lista-td-acoes {
  text-align: right;
  position: relative;
  white-space: nowrap;
}

.crm-lista-acoes-inline {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.crm-lista-btn-ver,
.crm-lista-btn-ir-conversa {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.66rem;
  font-weight: 600;
  cursor: pointer;
  line-height: 1.2;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
.crm-lista-btn-ver i,
.crm-lista-btn-ir-conversa i {
  font-size: 0.68rem;
}
.crm-lista-btn-ver:hover,
.crm-lista-btn-ir-conversa:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.crm-lista-acoes-wrap {
  position: relative;
  display: inline-flex;
  justify-content: flex-end;
  overflow: visible;
}

.crm-lista-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.crm-lista-menu-trigger i {
  font-size: 0.8rem;
}
.crm-lista-menu-trigger:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.crm-lista-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  margin-top: 4px;
  min-width: 220px;
  max-width: min(320px, 100vw - 16px);
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(21, 21, 21, 0.15);
  z-index: 120;
  padding: 6px 0;
  display: none;
}
.crm-lista-menu .crm-menu-fly-panel {
  left: auto;
  right: calc(100% - 4px);
}
.crm-lista-menu .crm-menu-fly-chevron {
  transform: rotate(180deg);
}
.crm-lista-menu--aberto {
  display: block;
}

body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm {
  border: none;
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  --dash-chat-col-h: 100%;
  align-items: stretch;
  box-shadow: none;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm.crm-view-panel--ativo {
  display: grid;
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: 100%;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-msg--agent .dash-chat-msg-bubble {
  background: rgba(232, 154, 30, 0.14);
  border-color: rgba(232, 154, 30, 0.5);
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-msg-meta-agent-label {
  color: #e19418;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-msg-meta-agent-label i {
  color: #e89a1e;
}
body.dark-mode body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-msg-meta-agent-label {
  color: #e89a1e;
}
body.dark-mode body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-msg-meta-agent-label i {
  color: #e19418;
}

.crm-btn-config {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  text-decoration: none;
  flex-shrink: 0;
  margin-top: 4px;
  align-self: flex-start;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.crm-btn-config i {
  font-size: 0.9rem;
}
.crm-btn-config:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
.crm-btn-config--bar {
  margin-top: 0;
  align-self: center;
  padding: 8px 14px;
  font-size: 0.8rem;
}
.crm-btn-config {
  /** Último controle à direita na barra do CRM: só ícone. */
}
.crm-btn-config--bar.crm-btn-config--icon-only {
  padding: 0;
  width: 40px;
  height: 40px;
  justify-content: center;
  gap: 0;
  border-radius: 10px;
}
.crm-btn-config--bar.crm-btn-config--icon-only i {
  font-size: 1.05rem;
}

.crm-config-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.crm-config-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  font-family: "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
}
.crm-config-tab i {
  font-size: 0.85rem;
  color: #38d39f;
}
.crm-config-tab--ativo {
  border-color: #38d39f;
  color: var(--texto-principal);
  background: rgba(56, 211, 159, 0.1);
}

.crm-config-painel {
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 14px;
  padding: 20px 22px 24px;
}

.crm-config-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.crm-config-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.cadastro-btn-novo--sec {
  border-color: rgba(37, 211, 102, 0.45);
  color: #128c7e;
}
.cadastro-btn-novo--sec i {
  color: #25d366;
}
.cadastro-btn-novo--sec:hover {
  border-color: #25d366;
  color: #075e54;
  background: rgba(37, 211, 102, 0.08);
}

.cadastro-modal-box--wide {
  width: min(960px, 100vw - 32px);
  max-width: none;
}

.crm-config-meta-table-wrap {
  max-height: min(60vh, 520px);
  overflow: auto;
}

.crm-config-td-meta {
  font-family: ui-monospace, monospace;
  font-size: 0.8rem;
  color: var(--texto-principal);
}

.crm-config-td-previa {
  font-size: 0.78rem;
  color: var(--texto-terciario);
  max-width: 220px;
  word-break: break-word;
}

.crm-config-badge--meta {
  text-transform: none;
  letter-spacing: 0;
}

.crm-config-badge--meta-approved {
  background: rgba(37, 211, 102, 0.18);
  color: #075e54;
}

.crm-config-badge--meta-pending {
  background: rgba(255, 193, 7, 0.22);
  color: #856404;
}

.crm-config-badge--meta-rejected {
  background: rgba(220, 53, 69, 0.15);
  color: #c82333;
}

.crm-config-badge--meta-paused {
  background: rgba(108, 117, 125, 0.18);
  color: var(--texto-terciario);
}

.crm-config-badge--meta-unknown {
  background: rgba(108, 117, 125, 0.12);
  color: var(--texto-secundario);
}

.crm-config-secao-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--texto-principal);
  margin: 0;
}

.crm-config-table-wrap {
  overflow-x: auto;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.crm-config-table-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.crm-config-table-wrap::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.crm-config-table-wrap::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.crm-config-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
}
.crm-config-table thead th {
  text-align: left;
  padding: 12px 14px;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  font-weight: 600;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 1px solid var(--cor-borda);
}
.crm-config-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--cor-borda);
  color: var(--texto-secundario);
  vertical-align: middle;
}
.crm-config-table tbody tr:last-child td {
  border-bottom: none;
}

.crm-config-th-acoes {
  width: 120px;
  text-align: right;
}

.crm-config-td-vazio {
  text-align: center;
  color: var(--texto-terciario);
  padding: 28px 14px !important;
}

.crm-config-td-nome {
  font-weight: 500;
  color: var(--texto-principal);
}

.crm-config-td-acoes {
  text-align: right;
  white-space: nowrap;
}
.crm-config-td-acoes .cadastro-btn-acao {
  margin-left: 4px;
}

.crm-config-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 600;
}
.crm-config-badge--rascunho {
  background: rgba(108, 117, 125, 0.15);
  color: var(--texto-terciario);
}
.crm-config-badge--publicado {
  background: rgba(56, 211, 159, 0.15);
  color: #38d39f;
}
.crm-config-badge--arquivado {
  background: rgba(220, 53, 69, 0.12);
  color: #dc3545;
}

.crm-config-ativo {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  font-weight: 600;
}
.crm-config-ativo--sim {
  color: #38d39f;
}
.crm-config-ativo--nao {
  color: var(--texto-terciario);
}

a.cadastro-btn-voltar {
  text-decoration: none;
}

.cadastro-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(21, 21, 21, 0.45);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.cadastro-modal-overlay--aberto {
  opacity: 1;
  visibility: visible;
}

.cadastro-modal-box {
  width: 100%;
  max-width: 560px;
  max-height: min(90vh, 880px);
  display: flex;
  flex-direction: column;
  background: var(--fundo-formulario);
  border-radius: 20px;
  border: 1px solid var(--cor-borda);
  box-shadow: 0 20px 60px rgba(21, 21, 21, 0.15), 0 8px 25px rgba(21, 21, 21, 0.12), 0 3px 10px rgba(21, 21, 21, 0.08);
  overflow: hidden;
  transition: background 0.3s ease, border-color 0.3s ease;
}

.cadastro-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 22px 16px;
  border-bottom: 1px solid var(--cor-borda);
  flex-shrink: 0;
  transition: border-color 0.3s ease;
}

.cadastro-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #38d39f;
  margin: 0 0 6px;
  line-height: 1.25;
}

.cadastro-modal-desc {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  color: var(--texto-terciario);
  margin: 0;
  line-height: 1.45;
  transition: color 0.3s ease;
}

.cadastro-modal-close {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  border: none;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease;
}
.cadastro-modal-close:hover {
  background: #38d39f;
  color: #fff;
}

.cadastro-modal-body {
  padding: 20px 22px 24px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.cadastro-modal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.cadastro-modal-body::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.cadastro-modal-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.cadastro-modal-form-grid {
  margin-bottom: 20px;
}

/** Modais Config CRM: rótulos numa coluna de largura fixa (maior rótulo) + controlo alinhado. */
.crm-config-modal-form-alinhado {
  grid-template-columns: 1fr;
}
.crm-config-modal-form-alinhado > .cadastro-campo {
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  align-items: center;
  gap: 0.35rem 1rem;
}
.crm-config-modal-form-alinhado > .cadastro-campo.cadastro-campo--full {
  grid-column: 1/-1;
}
.crm-config-modal-form-alinhado > .cadastro-campo > label {
  margin: 0;
  padding: 0 0.25rem 0 0;
  line-height: 1.3;
  hyphens: auto;
}
.crm-config-modal-form-alinhado > .cadastro-campo > input,
.crm-config-modal-form-alinhado > .cadastro-campo > select,
.crm-config-modal-form-alinhado > .cadastro-campo > textarea {
  width: 100%;
  min-width: 0;
}
.crm-config-modal-form-alinhado > .cadastro-campo > textarea {
  align-self: stretch;
}
@media screen and (max-width: 520px) {
  .crm-config-modal-form-alinhado > .cadastro-campo {
    grid-template-columns: 1fr;
  }
  .crm-config-modal-form-alinhado > .cadastro-campo > label {
    padding-right: 0;
  }
}

/** Template Meta: grelha 2 colunas + mesma largura de rótulo nas linhas cheias (ex.: Corpo). */
.crm-config-modal-form-alinhado--misto {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .crm-config-modal-form-alinhado--misto {
    grid-template-columns: 1fr;
  }
}
.crm-config-modal-form-alinhado--misto > .cadastro-campo:not(.cadastro-campo--full) {
  grid-template-columns: minmax(7rem, 44%) 1fr;
}
.crm-config-modal-form-alinhado--misto > .cadastro-campo--full {
  grid-template-columns: 12.5rem 1fr;
}
@media screen and (max-width: 520px) {
  .crm-config-modal-form-alinhado--misto > .cadastro-campo--full {
    grid-template-columns: 1fr;
  }
}

.cadastro-modal-form-grid .cadastro-modal-par {
  gap: 6px;
  align-self: stretch;
}
.cadastro-modal-form-grid .cadastro-modal-par > label {
  margin: 0;
}
.cadastro-modal-form-grid .cadastro-modal-par select {
  min-height: 48px;
  box-sizing: border-box;
}

.cadastro-modal-toggle-inner {
  display: flex;
  align-items: stretch;
  flex: 1;
  min-height: 48px;
}

.cadastro-modal-toggle-inner .cadastro-modal-toggle.cadastro-toggle {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0;
  min-height: 48px;
  box-sizing: border-box;
  padding: 10px 14px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--cor-borda);
  border-radius: 10px;
}

.cadastro-modal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 8px;
  border-top: 1px solid var(--cor-borda);
  margin-top: 4px;
}

.cadastro-modal-cancel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.cadastro-modal-cancel:hover {
  border-color: #38d39f;
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.crm-motivo-transfer-modal {
  max-width: 440px;
}

.crm-motivo-transfer-sub {
  margin: 0 0 14px;
  font-size: 0.9rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.crm-config-hint {
  margin: 0 0 10px;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--texto-terciario);
}

/**
 * Bloco «motivo ao mover» na modal de etapa CRM: mesmo vocabulário que `_cadastro.scss` (.cadastro-campo).
 * O form alinhado usa grelha 12.5rem / 1fr — aqui forçamos coluna com especificidade maior.
 */
.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  margin-top: 6px;
  padding-top: 18px;
  border-top: 1px solid var(--cor-borda);
}

.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > label.crm-etapa-motivo-check {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  hyphens: none;
  color: var(--texto-principal);
  line-height: 1.45;
  cursor: pointer;
  transition: color 0.2s ease;
}
.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > label.crm-etapa-motivo-check:hover {
  color: #38d39f;
}
.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > label.crm-etapa-motivo-check {
  /** Tamanho alinhado ao checklist de etiquetas no chat (18px, verde marca). */
}
.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > label.crm-etapa-motivo-check input[type=checkbox] {
  margin: 0;
  flex-shrink: 0;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #38d39f;
}
.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > label.crm-etapa-motivo-check .crm-etapa-motivo-check-text {
  flex: 1;
  min-width: 0;
}

.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco > .crm-etapa-motivo-hint {
  margin: -2px 0 0;
}

.crm-etapa-motivos-secao {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 4px;
}

.crm-etapa-motivos-label {
  display: block;
  margin: 0 0 4px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.crm-etapa-motivos-opcional {
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0.02em;
  font-size: 0.72rem;
  color: var(--texto-terciario);
}

.crm-etapa-motivos-editor {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 6px;
}

.crm-etapa-motivo-linha {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0;
}
.crm-etapa-motivo-linha input[type=text],
.crm-etapa-motivo-linha input.cadastro-input {
  flex: 1;
  min-width: 0;
  width: 100%;
  padding: 12px 14px;
  border: 2px solid var(--cor-borda);
  border-radius: 10px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
  box-sizing: border-box;
}
.crm-etapa-motivo-linha input[type=text]:focus,
.crm-etapa-motivo-linha input.cadastro-input:focus {
  border-color: #38d39f;
}
.crm-etapa-motivo-linha .crm-etapa-motivo-rm {
  flex-shrink: 0;
}

.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-motivo-bloco .cadastro-btn-acao {
  align-self: flex-start;
  margin-top: 2px;
}

.crm-config-td-motivo {
  font-size: 0.82rem;
  white-space: nowrap;
}

.crm-etapa-fu-texto-bloco {
  margin-top: 0.35rem;
}

.crm-config-modal-form-alinhado > .cadastro-campo.crm-etapa-fu-texto-bloco {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.crm-etapa-fu-mensagens {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.crm-etapa-fu-mensagens-linha {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  width: 100%;
}

.crm-config-modal-form-alinhado .crm-etapa-fu-check {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--texto-principal);
  line-height: 1.35;
  cursor: pointer;
  white-space: nowrap;
}
.crm-config-modal-form-alinhado .crm-etapa-fu-check input[type=checkbox] {
  margin: 0;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  accent-color: #38d39f;
  cursor: pointer;
}
.crm-config-modal-form-alinhado .crm-etapa-fu-check .crm-etapa-motivo-check-text {
  flex: 0 1 auto;
  min-width: 0;
}

.crm-etapa-fu-select-wrap {
  flex: 1 1 240px;
  min-width: min(100%, 200px);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.crm-etapa-fu-select-wrap[hidden] {
  display: none !important;
}

.crm-etapa-fu-select-label {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.crm-config-modal-form-alinhado .crm-etapa-fu-select {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 40px 12px 14px;
  border: 2px solid var(--cor-borda);
  border-radius: 10px;
  background-color: var(--fundo-formulario, var(--fundo-corpo));
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  line-height: 1.35;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2338d39f' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  transition: border-color 0.2s ease;
}
.crm-config-modal-form-alinhado .crm-etapa-fu-select:focus {
  outline: none;
  border-color: #38d39f;
}

@media screen and (max-width: 640px) {
  .crm-etapa-fu-mensagens-linha {
    flex-direction: column;
    align-items: stretch;
  }
  .crm-config-modal-form-alinhado .crm-etapa-fu-check {
    white-space: normal;
  }
  .crm-etapa-fu-select-wrap {
    flex: 1 1 auto;
    min-width: 0;
  }
}
.crm-etapa-fu-texto-hint {
  font-size: 0.82rem;
  color: #64748b;
  margin: 0 0 0.75rem;
  line-height: 1.45;
}
.crm-etapa-fu-texto-hint a {
  color: #0d9488;
  text-decoration: underline;
}

.crm-etapa-fu-personalizado {
  width: 100%;
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-sizing: border-box;
}
.crm-etapa-fu-personalizado[hidden] {
  display: none !important;
}

.crm-etapa-fu-msg-bloco {
  width: 100%;
  padding: 0 0 14px;
  margin: 0 0 14px;
  border-bottom: 1px solid var(--cor-borda);
  box-sizing: border-box;
}
.crm-etapa-fu-msg-bloco--ultima {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.crm-etapa-fu-msg-bloco-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 12px;
  width: 100%;
  margin: 0 0 8px;
}

.crm-etapa-fu-msg-titulo {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-terciario);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
}

.crm-etapa-fu-msg-prazo {
  flex: 1 1 auto;
  min-width: min(100%, 12rem);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  color: #0d9488;
  line-height: 1.4;
  text-align: right;
}

@media screen and (max-width: 520px) {
  .crm-etapa-fu-msg-prazo {
    flex-basis: 100%;
    text-align: left;
  }
}
.crm-etapa-fu-msg-textarea {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 4.75rem;
  margin: 0;
  padding: 12px 14px;
  border: 2px solid var(--cor-borda);
  border-radius: 10px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  color: var(--texto-secundario);
  line-height: 1.45;
  resize: vertical;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}
.crm-etapa-fu-msg-textarea:focus {
  outline: none;
  border-color: #38d39f;
}

body.dash-page--crm .crm-scroll-area {
  padding: 14px max(14px, env(safe-area-inset-right)) 16px max(14px, env(safe-area-inset-left));
  background: #081018;
  color: #fff;
  font-family: "Inter", "Poppins", sans-serif;
  border-radius: 0;
  box-shadow: none;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
body.dash-page--crm .crmBoardTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
body.dash-page--crm .crmBoardTopbarLeft,
body.dash-page--crm .crmBoardTopbarRight {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}
body.dash-page--crm .crmBoardTopbarLeft {
  flex: 1;
  justify-content: flex-start;
}
body.dash-page--crm .crmBoardTopbarRight {
  flex-shrink: 0;
  justify-content: flex-end;
  margin-left: auto;
  min-width: 0;
}
@media screen and (max-width: 1180px) {
  body.dash-page--crm .crmBoardTopbar {
    align-items: stretch;
  }
  body.dash-page--crm .crmBoardTopbarLeft {
    flex: 1 1 100%;
  }
  body.dash-page--crm .crmBoardTopbarRight {
    flex: 1 1 100%;
    margin-left: 0;
    justify-content: flex-start;
    row-gap: 10px;
  }
  body.dash-page--crm .crmBoardTopbarRight .crmBoardTopbarSep:first-of-type {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body.dash-page--crm .crmBoardTopbarSep {
    display: none !important;
  }
  body.dash-page--crm .crmBoardTopbar {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    text-align: left;
  }
  body.dash-page--crm .crmBoardTopbarLeft,
  body.dash-page--crm .crmBoardTopbarRight {
    flex: none;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
  body.dash-page--crm .crmBoardTopbarBlock {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
  }
  body.dash-page--crm .crmBoardTopbarBlock--filtro {
    width: 100%;
  }
  body.dash-page--crm .crmBoardTopbarTabs {
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.dash-page--crm .crmBoardTopButton,
  body.dash-page--crm a.crmBoardTopButton.crmBoardTopButton--link {
    justify-content: flex-start;
  }
  body.dash-page--crm .crm-board-periodo-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: auto;
    max-width: 100%;
  }
  body.dash-page--crm .crm-lista-toolbar {
    justify-content: flex-start !important;
    width: 100%;
  }
  body.dash-page--crm .crm-lista-busca {
    max-width: none;
    width: 100%;
  }
  body.dash-page--crm {
    /* Botão "Filtros" dispensável no mobile: campos sempre visíveis nas vistas que exibem filtros. */
  }
  body.dash-page--crm #crmFiltrosToggleWrap:not([hidden]) {
    display: none !important;
  }
  body.dash-page--crm {
    /* Painel de filtros e período: largura total, alinhados à esquerda como o restante da barra */
  }
  body.dash-page--crm .crm-filtros-leads {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  body.dash-page--crm .crm-filtros-leads-body {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }
  body.dash-page--crm .crm-filtros-leads-actions {
    justify-content: flex-start;
  }
  body.dash-page--crm .crm-board-periodo-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
  }
  body.dash-page--crm .crm-board-periodo-actions .crm-periodo-wrap {
    position: relative;
    flex: 0 1 auto;
    display: flex;
    justify-content: flex-start;
  }
  body.dash-page--crm .crmBoardTopbarBlock--config {
    display: inline-flex;
    align-items: center;
  }
  body.dash-page--crm .crm-board-periodo-actions .date-btn,
  body.dash-page--crm .crm-board-periodo-actions .date-btn--apply,
  body.dash-page--crm .crmBoardTopbarBlock--config .crm-btn-config--bar,
  body.dash-page--crm a.crmBoardTopButton.crm-btn-config--bar {
    height: 34px;
    min-height: 34px;
    box-sizing: border-box;
  }
  body.dash-page--crm a.crmBoardTopButton.crm-btn-config--bar,
  body.dash-page--crm .crmBoardTopbarBlock--config .crm-btn-config--bar {
    width: 34px;
    padding: 0;
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  body.dash-page--crm .crm-periodo-wrap .bd-periodo-popover {
    position: fixed;
    left: 50% !important;
    right: auto !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    width: min(320px, 100vw - 28px);
    max-height: min(85vh, 520px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2500;
    box-sizing: border-box;
  }
  body.dash-page--crm .crm-periodo-wrap .bd-periodo-fields {
    grid-template-columns: 1fr;
  }
}
body.dash-page--crm .crmBoardTopbarBlock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
body.dash-page--crm .crmBoardTopbarSep {
  width: 1px;
  height: 28px;
  background: rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
body.dash-page--crm .crmBoardTopbarTabs {
  display: inline-flex;
  align-items: stretch;
  gap: 4px;
  padding: 3px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  flex-shrink: 0;
}
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.crm-visual-btn,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton--link.crmBoardTopButton--tab {
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 8px;
}
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton:hover:not(:disabled),
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.crm-visual-btn:hover:not(:disabled),
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton--link.crmBoardTopButton--tab:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
}
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.active, body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.crm-visual-btn--ativo,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.crm-visual-btn.active,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton.crm-visual-btn.crm-visual-btn--ativo,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton--link.crmBoardTopButton--tab.active,
body.dash-page--crm .crmBoardTopbarTabs .crmBoardTopButton--link.crmBoardTopButton--tab.crm-visual-btn--ativo {
  background: linear-gradient(135deg, #38d39f, #169b70);
  box-shadow: none;
}
body.dash-page--crm .crmBoardTopButton--primary {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
  color: #e8fff6;
}
body.dash-page--crm .crm-board-periodo-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
body.dash-page--crm .crm-periodo-wrap {
  position: relative;
}
body.dash-page--crm .crm-board-periodo-actions .date-btn,
body.dash-page--crm .crm-board-periodo-actions .date-btn--apply {
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #d8e1ea;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: 0.2s ease;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
}
body.dash-page--crm .crm-board-periodo-actions .date-btn i,
body.dash-page--crm .crm-board-periodo-actions .date-btn--apply i {
  font-size: 12px;
}
body.dash-page--crm .crm-board-periodo-actions .date-btn:hover:not(:disabled),
body.dash-page--crm .crm-board-periodo-actions .date-btn--apply:hover:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.06);
  color: #fff;
}
body.dash-page--crm .crm-board-periodo-actions .date-btn--apply {
  background: rgba(56, 211, 159, 0.12);
  border-color: rgba(56, 211, 159, 0.3);
  color: #38d39f;
}
body.dash-page--crm .crm-board-periodo-actions .date-btn--apply:hover {
  background: rgba(56, 211, 159, 0.2);
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-popover {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 50;
  width: min(300px, 100vw - 32px);
  padding: 14px;
  border-radius: 14px;
  background: #0d1829;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-popover__hint {
  margin: 0 0 10px;
  font-size: 11px;
  color: #8ea1bb;
  line-height: 1.35;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-preset {
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #c7d4e2;
  font-size: 11px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
  transition: 0.2s ease;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-preset:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  color: #8ea1bb;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-field input[type=date] {
  height: 32px;
  padding: 0 8px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #0b1626;
  color: #dbe7f3;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  box-sizing: border-box;
}
body.dash-page--crm .crm-periodo-wrap .bd-periodo-field input[type=date]:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
}
body.dash-page--crm .crm-visual-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
body.dash-page--crm .crmBoardTopButton,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn {
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
  box-sizing: border-box;
  box-shadow: none;
}
body.dash-page--crm .crmBoardTopButton i,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn i {
  font-size: 12px;
  color: inherit;
}
body.dash-page--crm .crmBoardTopButton:hover:not(:disabled),
body.dash-page--crm .crmBoardTopButton.crm-visual-btn:hover:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.06);
  color: #fff;
}
body.dash-page--crm .crmBoardTopButton.active, body.dash-page--crm .crmBoardTopButton.crm-visual-btn--ativo,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn.active,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn.crm-visual-btn--ativo {
  background: linear-gradient(135deg, #38d39f, #169b70);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 14px rgba(56, 211, 159, 0.22);
}
body.dash-page--crm .crmBoardTopButton.active i, body.dash-page--crm .crmBoardTopButton.crm-visual-btn--ativo i,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn.active i,
body.dash-page--crm .crmBoardTopButton.crm-visual-btn.crm-visual-btn--ativo i {
  color: #fff;
}
body.dash-page--crm .crmBoardTopButton--link:hover {
  color: #fff;
}
body.dash-page--crm a.crmBoardTopButton.crm-btn-config--bar {
  width: 34px;
  height: 34px;
  padding: 0;
  margin-top: 0;
  justify-content: center;
  border-radius: 10px;
}
body.dash-page--crm a.crmBoardTopButton.crm-btn-config--bar i {
  font-size: 0.85rem;
}
body.dash-page--crm .crm-filtros-toggle.crmBoardTopButton--aberto {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.08);
  color: #fff;
}
body.dash-page--crm .crm-selecao-row {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 10px;
}
body.dash-page--crm .crm-selecao-row[hidden] {
  display: none !important;
}
body.dash-page--crm .crm-btn-selecao {
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s ease;
}
body.dash-page--crm .crm-btn-selecao i {
  font-size: 12px;
}
body.dash-page--crm .crm-btn-selecao:hover, body.dash-page--crm .crm-btn-selecao[aria-pressed=true] {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.06);
  color: #fff;
}
body.dash-page--crm .crm-filtros-leads {
  margin-bottom: 8px;
}
body.dash-page--crm .crm-filtros-leads-body {
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(16, 24, 34, 0.85);
  border-color: rgba(255, 255, 255, 0.06);
}
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field {
  color: #94a3b8;
  font-size: 0.7rem;
  gap: 4px;
}
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field > span {
  font-size: 0.68rem;
}
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field input[type=search],
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field input[type=text],
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field input[type=date],
body.dash-page--crm .crm-filtros-leads-body .crm-filtro-field select {
  min-height: 32px;
  padding: 6px 10px;
  font-size: 0.78rem;
  border-radius: 8px;
  border-width: 1px;
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}
body.dash-page--crm .crm-filtros-leads-actions {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}
@media (max-width: 520px) {
  body.dash-page--crm .crm-filtros-leads-actions {
    justify-content: stretch;
  }
  body.dash-page--crm .crm-filtros-leads-actions button {
    flex: 1 1 auto;
  }
}
body.dash-page--crm .crm-filtros-leads-arquivados,
body.dash-page--crm .crm-filtros-leads-limpar {
  padding: 6px 12px;
  font-size: 0.75rem;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d8e1ea;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}
body.dash-page--crm .crm-filtros-leads-arquivados:hover,
body.dash-page--crm .crm-filtros-leads-limpar:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
}
body.dash-page--crm .crmBoardMetrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
  flex-shrink: 0;
}
@media (max-width: 1280px) {
  body.dash-page--crm .crmBoardMetrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 820px) {
  body.dash-page--crm .crmBoardMetrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  body.dash-page--crm .crmBoardMetrics {
    grid-template-columns: 1fr;
  }
}
body.dash-page--crm .crmBoardMetrics[hidden] {
  display: none !important;
}
body.dash-page--crm .crmMetricCard {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(16, 24, 34, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  gap: 10px;
}
body.dash-page--crm .crmMetricCard span {
  display: block;
  color: #8b9cb0;
  font-size: 0.68rem;
  margin-bottom: 2px;
  line-height: 1.2;
}
body.dash-page--crm .crmMetricCard strong {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
}
body.dash-page--crm .crmMetricIcon {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dash-page--crm .crmMetricIcon i {
  color: #38d39f;
  font-size: 14px;
}
body.dash-page--crm #crmViewPipeline.crm-view-panel--ativo {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.dash-page--crm .crmBoardSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 4px 0 0;
  color: #fff;
}
body.dash-page--crm .crmPipelineBoard.crm-pipeline {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 6px;
  flex: 1;
  min-height: 0;
  align-items: stretch;
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crmPipelineBoard.crm-pipeline::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crmPipelineBoard.crm-pipeline::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
body.dash-page--crm .crmPipelineBoard.crm-pipeline::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
@media screen and (max-width: 768px) {
  body.dash-page--crm {
    /* Scroll vertical na área principal do CRM (#crmScrollArea), incluindo a Lista completa. */
  }
  body.dash-page--crm .crm-scroll-area {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
  body.dash-page--crm {
    /*
     * Maior área útil das listas no mobile (Kanban / scroll dos cards por etapa).
     */
  }
  body.dash-page--crm #crmViewPipeline.crm-view-panel--ativo {
    flex: 1 1 auto;
    min-height: min(560px, 72vh);
  }
  body.dash-page--crm #crmViewPipeline.crm-view-panel--ativo .crmBoardSection {
    flex: 1 1 auto;
    min-height: min(520px, 68vh);
  }
  body.dash-page--crm #crmViewPipeline.crm-view-panel--ativo .crmPipelineBoard.crm-pipeline {
    flex: 1 1 auto;
    min-height: min(480px, 62vh);
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  body.dash-page--crm #crmViewPipeline.crm-view-panel--ativo .crmPipelineColumn .crm-col-body {
    -webkit-overflow-scrolling: touch;
  }
  body.dash-page--crm {
    /* Lista: não “rouba” o flex ao pipeline; altura conforme todos os leads; scroll em #crmScrollArea. */
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    flex: none !important;
    min-height: unset !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crmListaSection {
    flex: 0 0 auto;
    min-height: unset !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo #crmLista.crm-lista-root {
    flex: 0 0 auto;
    min-height: unset !important;
    overflow: visible;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-toolbar {
    flex-shrink: 0;
    margin-bottom: 10px;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-busca {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll {
    flex: none;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible;
    overflow-x: hidden;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll tbody tr.crm-lista-row:last-child {
    margin-bottom: 0 !important;
  }
  body.dash-page--crm {
    /* Carros / Vendedores: scroll na área principal; leads expandidos sem limite de altura. */
  }
  body.dash-page--crm #crmViewCarros.crm-view-panel--ativo,
  body.dash-page--crm #crmViewVendedores.crm-view-panel--ativo {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    flex: none !important;
    min-height: unset !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
  body.dash-page--crm #crmViewCarros.crm-view-panel--ativo .crmCarrosSection,
  body.dash-page--crm #crmViewVendedores.crm-view-panel--ativo .crmVendedoresSection {
    flex: 0 0 auto;
    min-height: unset !important;
  }
  body.dash-page--crm #crmViewCarros.crm-view-panel--ativo .crm-carros-lista,
  body.dash-page--crm #crmViewVendedores.crm-view-panel--ativo .crm-vendedores-lista {
    flex: 0 0 auto;
    min-height: unset !important;
    max-height: none !important;
    overflow: visible;
  }
  body.dash-page--crm .crm-vendedor-card__scroll,
  body.dash-page--crm .crm-carro-card__scroll {
    max-height: none !important;
    overflow: visible !important;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table {
    min-width: 0 !important;
    width: 100%;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table thead,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table thead {
    display: none;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr.crm-lista-row {
    display: block;
    margin-bottom: 14px;
    padding: 14px 14px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(8, 16, 24, 0.5);
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td {
    display: grid;
    grid-template-columns: minmax(96px, 34%) 1fr;
    gap: 8px 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td::before {
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.66rem;
    font-weight: 600;
    color: #7f8ea3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.3;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before {
    content: "Lead";
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before {
    content: "Telefone";
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    content: "Data";
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 10px !important;
    border-bottom: none !important;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before {
    display: none;
    content: none;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat {
    width: auto;
    flex-shrink: 0;
    justify-content: flex-start;
    min-height: 0;
    padding: 5px 10px;
    gap: 5px;
    font-size: 0.7rem;
    border-radius: 8px;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat i {
    font-size: 0.75rem;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text {
    white-space: nowrap;
    text-align: center;
    line-height: 1.2;
    font-size: 0.7rem;
  }
  body.dash-page--crm .crm-vendedor-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--crm .crm-carro-card__body .crm-lista-table .crm-lista-nome {
    font-size: 0.88rem !important;
  }
  body.dash-page--crm main.dash-main--crm-board > .crm-scroll-area {
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
  }
}
body.dash-page--crm .crmPipelineColumn.crm-col {
  min-width: 252px;
  width: 252px;
  max-width: 252px;
  flex: 0 0 252px;
  background: rgba(12, 19, 28, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  padding: 12px;
}
body.dash-page--crm .crmPipelineColumn.crm-col.crm-col--drag-over, body.dash-page--crm .crmPipelineColumn.crm-col.crmPipelineColumn--drag-over {
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 0 0 1px rgba(56, 211, 159, 0.18);
}
@media screen and (max-width: 768px) {
  body.dash-page--crm .crmPipelineColumn.crm-col {
    min-width: 292px;
    width: 292px;
    max-width: 292px;
    flex: 0 0 292px;
    padding: 14px 14px 16px;
  }
  body.dash-page--crm .crmPipelineHeader {
    margin-bottom: 12px;
  }
  body.dash-page--crm .crmPipelineHeader h3 {
    font-size: 0.95rem;
  }
  body.dash-page--crm .crmPipelineHeader span {
    font-size: 0.72rem;
  }
  body.dash-page--crm .crmPipelineBadge {
    min-width: 28px;
    height: 28px;
    font-size: 0.76rem;
  }
  body.dash-page--crm .crmLeadCard.crm-card {
    padding: 14px 12px;
    margin-bottom: 10px;
    border-radius: 13px;
  }
  body.dash-page--crm .crmLeadCardTop h4 {
    font-size: 0.93rem;
  }
  body.dash-page--crm .crmLeadCardCanal {
    font-size: 0.74rem;
  }
  body.dash-page--crm .crmLeadCardInfo p {
    font-size: 0.76rem;
  }
  body.dash-page--crm .crmLeadCardInfo p i {
    font-size: 0.7rem;
  }
  body.dash-page--crm .crmLeadTag {
    font-size: 0.7rem;
    padding: 4px 9px;
  }
  body.dash-page--crm .crmLeadCard .crm-card-etiqueta-chip {
    font-size: 0.67rem;
  }
  body.dash-page--crm .crmLeadActions button {
    min-height: 40px;
    font-size: 0.76rem;
    border-radius: 9px;
  }
}
body.dash-page--crm .crmPipelineHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-shrink: 0;
  padding: 0;
  border: none;
}
body.dash-page--crm .crmPipelineHeader h3 {
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0 0 2px;
  line-height: 1.2;
  color: var(--crm-etapa-cor, #38d39f);
}
body.dash-page--crm .crmPipelineHeader span {
  color: #7f8ea3;
  font-size: 0.68rem;
}
body.dash-page--crm .crmPipelineBadge {
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 600;
  color: #e2e8f0;
}
body.dash-page--crm .crmPipelineColumn .crm-col-body {
  padding: 0;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crmPipelineColumn .crm-col-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crmPipelineColumn .crm-col-body::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crmPipelineColumn .crm-col-body::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crmPipelineColumn .crm-col-body:hover,
body.dash-page--crm .crmPipelineColumn:hover .crm-col-body {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crmPipelineColumn .crm-col-body:hover::-webkit-scrollbar-track,
body.dash-page--crm .crmPipelineColumn:hover .crm-col-body::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crmPipelineColumn .crm-col-body:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crmPipelineColumn:hover .crm-col-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crmPipelineColumn .crm-col-vazio {
  color: #7f8ea3;
  padding: 20px 8px;
}
body.dash-page--crm .crmPipelineColumn .crm-col-vazio a {
  color: #38d39f;
}
body.dash-page--crm .crmLeadCard.crm-card {
  background: rgba(16, 24, 34, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 8px;
}
body.dash-page--crm .crmLeadCard.crm-card:last-child {
  margin-bottom: 0;
}
body.dash-page--crm .crmLeadCard.crm-card:hover {
  border-color: rgba(56, 211, 159, 0.2);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
body.dash-page--crm .crmLeadCard.crm-card.crm-card--prioridade-alta {
  border-left: 3px solid #f87171;
}
body.dash-page--crm .crmLeadCard.crm-card.crm-card--prioridade-media {
  border-left: 3px solid #facc15;
}
body.dash-page--crm .crmLeadCard.crm-card.crm-card--prioridade-baixa {
  border-left: 3px solid rgba(255, 255, 255, 0.08);
}
body.dash-page--crm .crmLeadCard.crm-card.crm-card--nao-lida {
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crmLeadCardSel {
  margin-bottom: 8px;
}
body.dash-page--crm .crmLeadCardTop {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  align-items: flex-start;
}
body.dash-page--crm .crmLeadCardTop .crmLeadCardNome {
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
}
body.dash-page--crm .crmLeadCardTop .crmLeadCardNome--nao-lida {
  color: #fff;
}
body.dash-page--crm .crmLeadCardTop .crm-lista-unread-badge {
  margin-top: 1px;
}
body.dash-page--crm .crmLeadCardCanal {
  color: #38d39f;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.68rem;
}
body.dash-page--crm .crmLeadCardTop .crm-card-menu-trigger {
  background: transparent;
  border: none;
  color: #8da2b5;
  cursor: pointer;
  padding: 4px;
}
body.dash-page--crm .crmLeadCardInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
body.dash-page--crm .crmLeadCardInfo p {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #9fb0c2;
  font-size: 0.68rem;
  margin: 0;
  line-height: 1.3;
}
body.dash-page--crm .crmLeadCardInfo p i {
  font-size: 0.65rem;
  width: 12px;
  text-align: center;
}
body.dash-page--crm .crmLeadCardInfo .crmLeadCardVeiculo .crm-lista-veiculo {
  color: #c5d0dc;
  font-weight: 500;
}
body.dash-page--crm .crmLeadCardInfo .crmLeadCardVeiculo .crm-lista-veiculo--vazio {
  color: #7f8ea3;
  font-weight: 400;
}
body.dash-page--crm .crmLeadTag {
  width: fit-content;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 600;
  margin-bottom: 8px;
  background: rgba(59, 130, 246, 0.15);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.2);
}
body.dash-page--crm .crmLeadTag.pinkTag {
  background: rgba(255, 91, 166, 0.15);
  color: #ff5ba6;
  border-color: rgba(255, 91, 166, 0.2);
}
body.dash-page--crm .crmLeadTag.yellowTag {
  background: rgba(250, 204, 21, 0.15);
  color: #facc15;
  border-color: rgba(250, 204, 21, 0.2);
}
body.dash-page--crm .crmLeadCard .crm-card-etiquetas-row {
  width: 100%;
  margin: 0 0 8px;
  padding: 0;
  border: none;
}
body.dash-page--crm .crmLeadCard .crm-card-etiquetas-wrap {
  width: 100%;
  min-width: 0;
}
body.dash-page--crm .crmLeadCard .crm-card-etiquetas-kicker {
  display: none;
}
body.dash-page--crm .crmLeadCard .crm-card-etiquetas-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
body.dash-page--crm .crmLeadCard .crm-card-etiqueta-chip {
  max-width: 9rem;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 600;
  line-height: 1.25;
  color: #d8e1ea;
  background: rgba(56, 211, 159, 0.14);
  border: 1px solid rgba(56, 211, 159, 0.22);
  box-shadow: none;
}
body.dash-page--crm .crmLeadCard .crm-card-etiqueta-chip.crm-card-etiqueta-chip--motivo-crm {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.25);
}
body.dash-page--crm .crmLeadActions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.dash-page--crm .crmLeadActions .crm-btn-card--full {
  flex: 1 1 100%;
  width: 100%;
}
body.dash-page--crm .crmLeadActions button {
  flex: 1;
  height: 30px;
  border-radius: 8px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
body.dash-page--crm .crmLeadActions button i {
  font-size: 0.65rem;
}
body.dash-page--crm .crmLeadActions .outlineBtn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d8e1ea;
}
body.dash-page--crm .crmLeadActions .outlineBtn:hover {
  border-color: rgba(255, 255, 255, 0.18);
}
body.dash-page--crm .crmLeadActions .primaryBtn {
  border: none;
  background: linear-gradient(135deg, #38d39f, #169b70);
  color: #fff;
}
body.dash-page--crm .crmLeadActions .primaryBtn:hover {
  box-shadow: 0 4px 12px rgba(56, 211, 159, 0.2);
}
body.dash-page--crm .crm-card-menu {
  background: rgba(16, 24, 34, 0.98);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
body.dash-page--crm .crm-card-menu-inner > .crm-menu-fly-item + .crm-menu-fly-item {
  border-top-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm .crm-menu-fly-title {
  color: #d8e1ea;
}
body.dash-page--crm .crm-menu-fly-title > i {
  color: #8da2b5;
}
body.dash-page--crm .crm-menu-fly-meta {
  color: #9fb0c2;
}
body.dash-page--crm .crm-menu-fly-chevron {
  color: #7f8ea3;
}
body.dash-page--crm .crm-menu-fly-badge {
  color: #9fb0c2;
  background: rgba(255, 255, 255, 0.06);
}
body.dash-page--crm .crm-menu-fly-item:not(.crm-menu-fly-item--somente-leitura) .crm-menu-fly-trigger:hover,
body.dash-page--crm .crm-menu-fly-item--aberto .crm-menu-fly-trigger {
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm .crm-menu-fly-panel {
  background: rgba(16, 24, 34, 0.98);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
body.dash-page--crm .crm-menu-fly-vazio {
  color: #9fb0c2;
}
body.dash-page--crm .crm-card-menu-item {
  color: #d8e1ea;
}
body.dash-page--crm .crm-card-menu-item i {
  color: #8da2b5;
}
body.dash-page--crm .crm-card-menu-item:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #fff;
}
body.dash-page--crm .crm-card-menu-item:hover i {
  color: #38d39f;
}
body.dash-page--crm .crm-bulk-bar {
  background: rgba(16, 24, 34, 0.95);
  border-color: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}
@media screen and (min-width: 769px) {
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll {
    flex: 1;
    min-height: 770px;
    overflow: auto;
  }
}
body.dash-page--crm .crmListaSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 0;
}
body.dash-page--crm .crm-lista-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
body.dash-page--crm .crm-lista-busca {
  flex: 1;
  min-width: min(100%, 280px);
  max-width: 420px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 19, 28, 0.88);
  transition: border-color 0.2s ease, background 0.2s ease;
}
body.dash-page--crm .crm-lista-busca i {
  color: #7f8ea3;
  font-size: 0.85rem;
  flex-shrink: 0;
}
body.dash-page--crm .crm-lista-busca input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  outline: none;
}
body.dash-page--crm .crm-lista-busca input::placeholder {
  color: #6b7d92;
}
body.dash-page--crm .crm-lista-busca:focus-within {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(16, 24, 34, 0.95);
}
body.dash-page--crm .crm-lista-busca:focus-within i {
  color: #38d39f;
}
body.dash-page--crm .crm-lista-toolbar-count {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #7f8ea3;
  white-space: nowrap;
}
body.dash-page--crm .crm-lista-filtro-nl {
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(12, 19, 28, 0.88);
  color: #9fb0c2;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
}
body.dash-page--crm .crm-lista-filtro-nl:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
}
body.dash-page--crm .crm-lista-filtro-nl--ativo {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--crm .crm-lista-root {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.dash-page--crm .crm-lista-scroll-wrap {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.dash-page--crm .crm-lista-pager {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 19, 28, 0.92);
}
body.dash-page--crm .crm-lista-pager-meta {
  flex: 1;
  text-align: center;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #9fb0c2;
  white-space: nowrap;
}
body.dash-page--crm .crm-lista-pager-btn {
  flex-shrink: 0;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(16, 24, 34, 0.95);
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
body.dash-page--crm .crm-lista-pager-btn:hover:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.45);
  color: #38d39f;
}
body.dash-page--crm .crm-lista-pager-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
body.dash-page--crm .crm-lista-vazio,
body.dash-page--crm .crmListaSection .crm-col-vazio {
  color: #7f8ea3;
  text-align: center;
  padding: 32px 16px;
  font-size: 0.82rem;
}
body.dash-page--crm .crm-lista-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-lista-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-lista-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-lista-scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-lista-scroll:hover,
body.dash-page--crm .crm-lista-scroll:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-lista-scroll:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-lista-scroll:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-lista-scroll:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-lista-scroll:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-lista-table {
  min-width: 760px;
}
body.dash-page--crm .crm-lista-table thead {
  background: rgba(8, 16, 24, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: sticky;
  top: 0;
  z-index: 2;
}
body.dash-page--crm .crm-lista-table th {
  color: #8ea1bb;
  font-size: 0.68rem;
  padding: 10px 12px;
}
body.dash-page--crm .crm-lista-table th.crm-lista-th-sortable:hover {
  color: #e2e8f0;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crm-lista-table th.crm-lista-th-sortable--active {
  color: #38d39f;
}
body.dash-page--crm .crm-lista-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #d8e1ea;
}
body.dash-page--crm .crm-lista-table tbody tr:last-child td {
  border-bottom: none;
}
body.dash-page--crm .crm-lista-row {
  transition: background 0.15s ease;
}
body.dash-page--crm .crm-lista-row:hover {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-lista-row--prioridade-alta td:first-child {
  box-shadow: inset 3px 0 0 #f87171;
}
body.dash-page--crm .crm-lista-row--prioridade-media td:first-child {
  box-shadow: inset 3px 0 0 #facc15;
}
body.dash-page--crm .crm-lista-row--prioridade-baixa td:first-child {
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, 0.08);
}
body.dash-page--crm .crm-lista-unread-badge {
  background: #38d39f;
  color: #0a1218;
}
body.dash-page--crm .crm-lista-nome {
  color: #fff;
  font-size: 0.76rem;
}
body.dash-page--crm .crm-lista-fone {
  color: #8ea1bb;
  font-size: 0.66rem;
}
body.dash-page--crm .crm-lista-td-veiculo,
body.dash-page--crm .crm-lista-veiculo {
  color: #9fb0c2;
}
body.dash-page--crm .crm-lista-btn-ver,
body.dash-page--crm .crm-lista-btn-ir-conversa {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #b8c5d4;
}
body.dash-page--crm .crm-lista-btn-ver:hover,
body.dash-page--crm .crm-lista-btn-ir-conversa:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crm-lista-btn-ver span,
body.dash-page--crm .crm-lista-btn-ir-conversa span {
  white-space: normal;
  text-align: left;
  line-height: 1.2;
}
body.dash-page--crm .crm-lista-td-fase,
body.dash-page--crm .crm-lista-td-vendedor {
  color: #9fb0c2;
}
body.dash-page--crm .crm-lista-td-data {
  color: #7f8ea3;
  font-size: 0.75rem;
}
body.dash-page--crm .crm-lista-select-etapa {
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  color: #d8e1ea;
}
body.dash-page--crm .crm-lista-select-etapa:hover, body.dash-page--crm .crm-lista-select-etapa:focus {
  border-color: rgba(56, 211, 159, 0.4);
  color: #38d39f;
}
body.dash-page--crm .crm-lista-etapa-texto {
  color: #c7d4e2;
}
body.dash-page--crm .crm-lista-menu-trigger {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #b8c5d4;
}
body.dash-page--crm .crm-lista-menu-trigger:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crm-lista-menu {
  background: rgba(16, 24, 34, 0.98);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
body.dash-page--crm .crm-lista-table .crm-interesse {
  font-size: 0.72rem;
}
body.dash-page--crm #crmViewDados.crm-view-panel--ativo {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.dash-page--crm .crmDadosSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 0;
  max-width: none;
}
body.dash-page--crm .crm-dados-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
body.dash-page--crm .crm-dados-intro {
  flex: 1;
  min-width: min(100%, 280px);
  max-width: 720px;
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #9fb0c2;
  font-weight: 500;
}
body.dash-page--crm .crm-dados-intro i {
  color: #38d39f;
  font-size: 0.85rem;
  margin-top: 2px;
  flex-shrink: 0;
}
body.dash-page--crm .crm-dados-intro strong {
  color: #e2e8f0;
  font-weight: 600;
}
body.dash-page--crm .crm-dados-toolbar-count {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #7f8ea3;
  white-space: nowrap;
  padding-top: 2px;
}
body.dash-page--crm .crm-dados-tabela-root {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.dash-page--crm .crm-dados-vazio {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 32px 20px;
  text-align: center;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.82rem;
  color: #7f8ea3;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(12, 19, 28, 0.55);
}
body.dash-page--crm .crm-dados-scroll {
  flex: 1;
  min-height: 0;
  overflow: auto;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-dados-scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-dados-scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-dados-scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-dados-scroll:hover,
body.dash-page--crm .crm-dados-scroll:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-dados-scroll:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-dados-scroll:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-dados-scroll:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-dados-scroll:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-dados-table {
  min-width: 560px;
}
body.dash-page--crm .crm-dados-table thead {
  background: rgba(8, 16, 24, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: sticky;
  top: 0;
  z-index: 2;
}
body.dash-page--crm .crm-dados-table th {
  color: #8ea1bb;
  font-size: 0.68rem;
  padding: 10px 12px;
}
body.dash-page--crm .crm-dados-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #d8e1ea;
  vertical-align: middle;
}
body.dash-page--crm .crm-dados-table tbody tr:last-child td {
  border-bottom: none;
}
body.dash-page--crm .crm-dados-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-dados-table a {
  color: #38d39f;
  font-weight: 600;
  text-decoration: none;
}
body.dash-page--crm .crm-dados-table a:hover {
  color: #5ee0b8;
  text-decoration: underline;
}
body.dash-page--crm .crm-dados-cell-marca-modelo {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.84rem;
  color: #fff;
}
body.dash-page--crm .crm-dados-cell-ano {
  color: #9fb0c2;
  white-space: nowrap;
}
body.dash-page--crm #crmViewVendedores.crm-view-panel--ativo {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.dash-page--crm .crmVendedoresSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 0;
  max-width: none;
}
body.dash-page--crm .crm-vendedores-toolbar {
  flex-shrink: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm .crm-vendedores-toolbar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
body.dash-page--crm .crm-vendedores-toolbar-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.dash-page--crm .crm-vendedores-toolbar-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedores-toolbar-icon i {
  color: #38d39f;
  font-size: 0.9rem;
}
body.dash-page--crm .crm-vendedores-toolbar-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.dash-page--crm .crm-vendedores-toolbar-name {
  font-family: "Outfit", sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
body.dash-page--crm .crm-vendedores-toolbar-sub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  line-height: 1.25;
}
body.dash-page--crm .crm-vendedores-toolbar-stats {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedores-stat {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #9fb0c2;
  white-space: nowrap;
}
body.dash-page--crm .crm-vendedores-stat strong {
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
}
body.dash-page--crm .crm-vendedores-filtros-bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm .crm-vendedores-filtros-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #8ea1bb;
  white-space: nowrap;
}
body.dash-page--crm .crm-vendedores-filtros-label > i {
  color: #38d39f;
  font-size: 0.8rem;
}
body.dash-page--crm .crm-vendedores-filtros-datas {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: min(100%, 280px);
  flex-wrap: wrap;
}
body.dash-page--crm .crm-vendedores-filtros-sep {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #6b7d92;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedores-filtros-datas input[type=date] {
  height: 34px;
  min-width: 142px;
  flex: 1;
  max-width: 180px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 19, 28, 0.95);
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  box-sizing: border-box;
  color-scheme: dark;
}
body.dash-page--crm .crm-vendedores-filtros-datas input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(0.75);
  opacity: 0.85;
  cursor: pointer;
}
body.dash-page--crm .crm-vendedores-filtros-datas input[type=date]:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.4);
}
body.dash-page--crm .crm-vendedores-filtro-limpar {
  height: 34px;
  padding: 0 12px;
  margin-left: auto;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedores-filtro-limpar i {
  font-size: 0.72rem;
}
body.dash-page--crm .crm-vendedores-filtro-limpar:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
@media (max-width: 640px) {
  body.dash-page--crm .crm-vendedores-filtros-bar {
    flex-direction: column;
    align-items: stretch;
  }
  body.dash-page--crm .crm-vendedores-filtros-datas {
    min-width: 0;
  }
  body.dash-page--crm .crm-vendedores-filtros-datas input[type=date] {
    max-width: none;
    flex: 1 1 100%;
  }
  body.dash-page--crm .crm-vendedores-filtro-limpar {
    margin-left: 0;
    justify-content: center;
  }
}
body.dash-page--crm .crm-vendedores-lista {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 2px 0 8px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-vendedores-lista::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-vendedores-lista::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-vendedores-lista::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-vendedores-lista:hover,
body.dash-page--crm .crm-vendedores-lista:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-vendedores-lista:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-vendedores-lista:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-vendedores-lista:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-vendedores-lista:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-vendedores-vazio {
  margin: 0;
  padding: 32px 16px;
  text-align: center;
  font-size: 0.82rem;
  color: #7f8ea3;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(12, 19, 28, 0.55);
}
body.dash-page--crm .crm-vendedor-card {
  flex-shrink: 0;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
  overflow: hidden;
}
body.dash-page--crm .crm-vendedor-card__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-family: "Inter", "Poppins", sans-serif;
  transition: background 0.15s ease;
}
body.dash-page--crm .crm-vendedor-card__toggle:hover {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-vendedor-card__toggle--aberto {
  background: rgba(56, 211, 159, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
body.dash-page--crm .crm-vendedor-card__icon {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedor-card__icon i {
  color: #38d39f;
  font-size: 0.8rem;
}
body.dash-page--crm .crm-vendedor-card__nome {
  flex: 1;
  min-width: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
  word-break: break-word;
}
body.dash-page--crm .crm-vendedor-card__count {
  min-width: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedor-card__chevron {
  margin-left: 2px;
  font-size: 0.72rem;
  color: #7f8ea3;
  transition: transform 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm .crm-vendedor-card__toggle--aberto .crm-vendedor-card__chevron {
  transform: rotate(180deg);
  color: #38d39f;
}
body.dash-page--crm .crm-vendedor-card__body {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
body.dash-page--crm .crm-vendedor-card__scroll {
  border: none;
  border-radius: 0;
  background: rgba(8, 16, 24, 0.5);
  max-height: min(320px, 40vh);
  overflow: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-vendedor-card__scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-vendedor-card__scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-vendedor-card__scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-vendedor-card__scroll:hover,
body.dash-page--crm .crm-vendedor-card__scroll:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-vendedor-card__scroll:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-vendedor-card__scroll:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-vendedor-card__scroll:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-vendedor-card__scroll:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-table {
  min-width: 520px;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-table thead {
  background: rgba(8, 16, 24, 0.95);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: sticky;
  top: 0;
  z-index: 1;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-table th {
  color: #8ea1bb;
  font-size: 0.68rem;
  padding: 8px 12px;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-table td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #d8e1ea;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-nome {
  color: #fff;
  font-size: 0.82rem;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-td-fone {
  color: #8ea1bb;
  font-size: 0.75rem;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-td-data {
  color: #7f8ea3;
  font-size: 0.72rem;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-btn-chat {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #38d39f;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s ease;
}
body.dash-page--crm .crm-vendedor-card__body .crm-lista-btn-chat:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm .crm-vendedor-grupo-tabela-vazia {
  text-align: center;
  padding: 16px !important;
  color: #7f8ea3;
  font-size: 0.8rem;
}
body.dash-page--crm #crmViewCarros.crm-view-panel--ativo {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.dash-page--crm .crmCarrosSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 4px 0 0;
  max-width: none;
}
body.dash-page--crm .crm-carros-toolbar {
  flex-shrink: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm .crm-carros-toolbar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
body.dash-page--crm .crm-carros-toolbar-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.dash-page--crm .crm-carros-toolbar-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carros-toolbar-icon i {
  color: #38d39f;
  font-size: 0.9rem;
}
body.dash-page--crm .crm-carros-toolbar-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.dash-page--crm .crm-carros-toolbar-name {
  font-family: "Outfit", sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
body.dash-page--crm .crm-carros-toolbar-sub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
}
body.dash-page--crm .crm-carros-toolbar-stats {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carros-stat {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #9fb0c2;
  white-space: nowrap;
}
body.dash-page--crm .crm-carros-stat strong {
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 700;
  color: #fff;
}
body.dash-page--crm .crm-carros-filtros-bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm .crm-carros-filtros-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #8ea1bb;
  white-space: nowrap;
}
body.dash-page--crm .crm-carros-filtros-label > i {
  color: #38d39f;
  font-size: 0.8rem;
}
body.dash-page--crm .crm-carros-filtros-datas {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: min(100%, 280px);
  flex-wrap: wrap;
}
body.dash-page--crm .crm-carros-filtros-sep {
  font-size: 0.72rem;
  color: #6b7d92;
}
body.dash-page--crm .crm-carros-filtros-datas input[type=date] {
  height: 34px;
  min-width: 142px;
  flex: 1;
  max-width: 180px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(12, 19, 28, 0.95);
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  box-sizing: border-box;
  color-scheme: dark;
}
body.dash-page--crm .crm-carros-filtros-datas input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(0.75);
  opacity: 0.85;
  cursor: pointer;
}
body.dash-page--crm .crm-carros-filtros-datas input[type=date]:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.4);
}
body.dash-page--crm .crm-carros-filtro-limpar {
  height: 34px;
  padding: 0 12px;
  margin-left: auto;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carros-filtro-limpar:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crm-carros-actions-bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm .crm-carros-busca {
  flex: 1;
  min-width: min(100%, 220px);
  max-width: 400px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 16, 24, 0.65);
}
body.dash-page--crm .crm-carros-busca i {
  color: #7f8ea3;
  font-size: 0.85rem;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carros-busca input {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  outline: none;
}
body.dash-page--crm .crm-carros-busca input::placeholder {
  color: #6b7d92;
}
body.dash-page--crm .crm-carros-busca:focus-within {
  border-color: rgba(56, 211, 159, 0.35);
}
body.dash-page--crm .crm-carros-busca:focus-within i {
  color: #38d39f;
}
body.dash-page--crm .crm-carros-btn {
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carros-btn i {
  font-size: 0.8rem;
}
body.dash-page--crm .crm-carros-btn:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #fff;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--crm .crm-carros-backfill:hover {
  color: #38d39f;
}
body.dash-page--crm .crm-carros-msg {
  margin: 0;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.08);
  border: 1px solid rgba(56, 211, 159, 0.2);
  color: #9fb0c2;
  font-size: 0.78rem;
  font-family: "Inter", "Poppins", sans-serif;
}
body.dash-page--crm .crm-carros-lista {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 2px 0 8px;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-carros-lista::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-carros-lista::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-carros-lista::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-carros-lista:hover,
body.dash-page--crm .crm-carros-lista:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-carros-lista:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-carros-lista:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-carros-lista:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-carros-lista:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-carros-vazio {
  margin: 0;
  padding: 32px 16px;
  text-align: center;
  font-size: 0.82rem;
  color: #7f8ea3;
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(12, 19, 28, 0.55);
}
body.dash-page--crm .crm-carro-card {
  flex-shrink: 0;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
  overflow: hidden;
}
body.dash-page--crm .crm-carro-card__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.15s ease;
}
body.dash-page--crm .crm-carro-card__toggle:hover {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-carro-card__toggle--aberto {
  background: rgba(56, 211, 159, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
body.dash-page--crm .crm-carro-card__media {
  width: 88px;
  height: 62px;
  flex-shrink: 0;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(8, 16, 24, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--crm .crm-carro-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.dash-page--crm .crm-carro-card__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.dash-page--crm .crm-carro-card__titulo {
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #fff;
  line-height: 1.25;
  word-break: break-word;
}
body.dash-page--crm .crm-carro-card__placa {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #38d39f;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.dash-page--crm .crm-carro-card__count {
  min-width: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  font-size: 0.72rem;
  font-weight: 700;
  text-align: center;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carro-card__chevron {
  font-size: 0.72rem;
  color: #7f8ea3;
  transition: transform 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm .crm-carro-card__toggle--aberto .crm-carro-card__chevron {
  transform: rotate(180deg);
  color: #38d39f;
}
body.dash-page--crm .crm-carro-card__body {
  border-top: 1px solid rgba(255, 255, 255, 0.04);
}
body.dash-page--crm .crm-carro-card__scroll {
  border: none;
  border-radius: 0;
  background: rgba(8, 16, 24, 0.5);
  max-height: min(320px, 40vh);
  overflow: auto;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm .crm-carro-card__scroll::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm .crm-carro-card__scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm .crm-carro-card__scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-carro-card__scroll:hover,
body.dash-page--crm .crm-carro-card__scroll:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-carro-card__scroll:hover::-webkit-scrollbar-track,
body.dash-page--crm .crm-carro-card__scroll:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm .crm-carro-card__scroll:hover::-webkit-scrollbar-thumb,
body.dash-page--crm .crm-carro-card__scroll:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-table {
  min-width: 520px;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-table thead {
  background: rgba(8, 16, 24, 0.95);
  position: sticky;
  top: 0;
  z-index: 1;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-table th {
  color: #8ea1bb;
  font-size: 0.68rem;
  padding: 8px 12px;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-table td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #d8e1ea;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm .crm-carro-card__body .crm-lista-nome {
  color: #fff;
  font-size: 0.82rem;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-td-fone {
  color: #8ea1bb;
  font-size: 0.75rem;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-btn-chat {
  padding: 6px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #38d39f;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
body.dash-page--crm .crm-carro-card__body .crm-lista-btn-chat:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
@media (max-width: 640px) {
  body.dash-page--crm .crm-carros-filtros-bar {
    flex-direction: column;
    align-items: stretch;
  }
  body.dash-page--crm .crm-carros-filtro-limpar {
    margin-left: 0;
    justify-content: center;
  }
  body.dash-page--crm .crm-carro-card__media {
    width: 72px;
    height: 52px;
  }
}
@media screen and (max-width: 768px) {
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table {
    min-width: 0 !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table thead {
    display: none;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 0;
    align-items: stretch;
    margin-bottom: 16px;
    padding: 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 16, 24, 0.96);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    overflow: hidden;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-item--selecionado {
    border-color: rgba(56, 211, 159, 0.45);
    box-shadow: 0 0 0 1px rgba(56, 211, 159, 0.2);
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row:not(.crm-lista-row--modo-selecao) {
    grid-template-areas: "lead" "fase" "veiculo" "vendedor" "data" "acoes";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-lista-row--modo-selecao {
    grid-template-areas: "sel" "lead" "fase" "veiculo" "vendedor" "data" "acoes";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr:not(.crm-lista-row--modo-selecao) > td.crm-lista-td-sel {
    display: none !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-sel {
    grid-area: sel;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 14px !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(16, 24, 34, 0.5) !important;
    box-shadow: none !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead {
    grid-area: lead;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase {
    grid-area: fase;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo {
    grid-area: veiculo;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor {
    grid-area: vendedor;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data {
    grid-area: data;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    grid-area: acoes;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td:not(.crm-lista-td-sel) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    padding: 12px 14px !important;
    margin: 0;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    color: #7f8ea3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
    flex-shrink: 0;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before {
    display: none;
    content: none;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before {
    content: "Etapa";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before {
    content: "Carro";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before {
    content: "Vendedor";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    content: "Data";
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    border-bottom: none !important;
    padding-top: 12px !important;
    background: rgba(16, 24, 34, 0.45) !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes::before {
    display: none;
    content: none;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-linha {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    width: 100%;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-unread-badge {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 4px;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-textos {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-nome {
    display: block;
    font-size: 1.05rem !important;
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone {
    display: block;
    font-size: 0.88rem !important;
    line-height: 1.4;
    color: #b8c5d4;
    word-break: break-all;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone::before {
    content: none;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-fase .crm-interesse {
    font-size: 0.85rem !important;
    line-height: 1.4;
    white-space: normal !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-veiculo {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.4;
    font-size: 0.88rem !important;
    color: #e2e8f0;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-vendedor,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-data {
    font-size: 0.88rem !important;
    line-height: 1.4;
    color: #e2e8f0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-acoes-inline {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa {
    flex: 1 1 9.5rem;
    min-width: 0;
    min-height: 40px;
    justify-content: center;
    padding: 9px 10px;
    font-size: 0.74rem;
    white-space: normal;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver span,
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa span {
    white-space: normal;
    text-align: center;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-etapa-texto {
    font-size: 0.85rem !important;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table td .crm-lista-select-etapa {
    width: 100%;
    max-width: 100%;
    min-height: 40px !important;
    font-size: 0.8rem !important;
    padding: 8px 10px !important;
    box-sizing: border-box;
    white-space: normal;
    line-height: 1.25;
  }
}

body.dash-page--crm-config .crm-scroll-area--config,
body.dash-page--etiquetas .crm-scroll-area--config,
body.dash-page--contratos .crm-scroll-area--config {
  padding: 14px 16px 16px;
  background: #081018;
  color: #fff;
  font-family: "Inter", "Poppins", sans-serif;
}
body.dash-page--crm-config .crmConfigSection,
body.dash-page--etiquetas .crmConfigSection,
body.dash-page--contratos .crmConfigSection {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: none;
}
body.dash-page--crm-config .crmConfigTopbar,
body.dash-page--etiquetas .crmConfigTopbar,
body.dash-page--contratos .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  flex-shrink: 0;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
body.dash-page--crm-config .crmConfigTopbarTitle,
body.dash-page--etiquetas .crmConfigTopbarTitle,
body.dash-page--contratos .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
body.dash-page--crm-config .crmConfigTopbarIcon,
body.dash-page--etiquetas .crmConfigTopbarIcon,
body.dash-page--contratos .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
body.dash-page--crm-config .crmConfigTopbarIcon i,
body.dash-page--etiquetas .crmConfigTopbarIcon i,
body.dash-page--contratos .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
body.dash-page--crm-config .crmConfigTopbarCopy,
body.dash-page--etiquetas .crmConfigTopbarCopy,
body.dash-page--contratos .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
body.dash-page--crm-config .crmConfigTopbarName,
body.dash-page--etiquetas .crmConfigTopbarName,
body.dash-page--contratos .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
body.dash-page--crm-config .crmConfigTopbarSub,
body.dash-page--etiquetas .crmConfigTopbarSub,
body.dash-page--contratos .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
}
body.dash-page--crm-config .crm-config-btn-back,
body.dash-page--etiquetas .crm-config-btn-back,
body.dash-page--contratos .crm-config-btn-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 0;
  margin: 0;
  border: none;
  background: transparent;
  color: #8ea1bb;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
  flex-shrink: 0;
}
body.dash-page--crm-config .crm-config-btn-back i,
body.dash-page--etiquetas .crm-config-btn-back i,
body.dash-page--contratos .crm-config-btn-back i {
  font-size: 11px;
  opacity: 0.85;
}
body.dash-page--crm-config .crm-config-btn-back:hover,
body.dash-page--etiquetas .crm-config-btn-back:hover,
body.dash-page--contratos .crm-config-btn-back:hover {
  color: #c7d4e2;
}
body.dash-page--crm-config .crm-config-btn-back:focus-visible,
body.dash-page--etiquetas .crm-config-btn-back:focus-visible,
body.dash-page--contratos .crm-config-btn-back:focus-visible {
  outline: 2px solid rgba(56, 211, 159, 0.45);
  outline-offset: 3px;
  border-radius: 4px;
}
body.dash-page--crm-config .crm-config-tabs,
body.dash-page--etiquetas .crm-config-tabs,
body.dash-page--contratos .crm-config-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
}
body.dash-page--crm-config .crm-config-tab,
body.dash-page--etiquetas .crm-config-tab,
body.dash-page--contratos .crm-config-tab {
  position: relative;
  margin: 0;
  padding: 10px 18px;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #7f8ea3;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}
body.dash-page--crm-config .crm-config-tab:hover:not(.crm-config-tab--ativo),
body.dash-page--etiquetas .crm-config-tab:hover:not(.crm-config-tab--ativo),
body.dash-page--contratos .crm-config-tab:hover:not(.crm-config-tab--ativo) {
  color: #c7d4e2;
}
body.dash-page--crm-config .crm-config-tab--ativo,
body.dash-page--etiquetas .crm-config-tab--ativo,
body.dash-page--contratos .crm-config-tab--ativo {
  color: #38d39f;
  border-bottom-color: #38d39f;
}
body.dash-page--crm-config .crm-config-tab-panel,
body.dash-page--etiquetas .crm-config-tab-panel,
body.dash-page--contratos .crm-config-tab-panel {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
}
body.dash-page--crm-config .crm-config-tab-panel[hidden],
body.dash-page--etiquetas .crm-config-tab-panel[hidden],
body.dash-page--contratos .crm-config-tab-panel[hidden] {
  display: none !important;
}
body.dash-page--crm-config .crm-config-tab-actions,
body.dash-page--etiquetas .crm-config-tab-actions,
body.dash-page--contratos .crm-config-tab-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  gap: 8px;
  padding: 2px 0 4px;
}
body.dash-page--crm-config .crm-config-btn-add,
body.dash-page--etiquetas .crm-config-btn-add,
body.dash-page--contratos .crm-config-btn-add {
  height: 32px;
  padding: 0 12px;
  margin: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #b8c5d4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.76rem;
  font-weight: 500;
  line-height: 1;
  box-sizing: border-box;
  box-shadow: none;
}
body.dash-page--crm-config .crm-config-btn-add i,
body.dash-page--etiquetas .crm-config-btn-add i,
body.dash-page--contratos .crm-config-btn-add i {
  font-size: 11px;
  color: #38d39f;
}
body.dash-page--crm-config .crm-config-btn-add span,
body.dash-page--etiquetas .crm-config-btn-add span,
body.dash-page--contratos .crm-config-btn-add span {
  white-space: nowrap;
}
body.dash-page--crm-config .crm-config-btn-add:hover:not(:disabled),
body.dash-page--etiquetas .crm-config-btn-add:hover:not(:disabled),
body.dash-page--contratos .crm-config-btn-add:hover:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.04);
  color: #e2eaf2;
}
body.dash-page--crm-config .crm-config-btn-add:focus-visible,
body.dash-page--etiquetas .crm-config-btn-add:focus-visible,
body.dash-page--contratos .crm-config-btn-add:focus-visible {
  outline: 2px solid rgba(56, 211, 159, 0.45);
  outline-offset: 2px;
}
body.dash-page--crm-config .crm-config-msg,
body.dash-page--etiquetas .crm-config-msg,
body.dash-page--contratos .crm-config-msg {
  margin: 0;
  border-radius: 10px;
  padding: 8px 12px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.35;
}
body.dash-page--crm-config .crm-config-msg--erro,
body.dash-page--crm-config .cadastro-msg-erro.crm-config-msg--erro,
body.dash-page--etiquetas .crm-config-msg--erro,
body.dash-page--etiquetas .cadastro-msg-erro.crm-config-msg--erro,
body.dash-page--contratos .crm-config-msg--erro,
body.dash-page--contratos .cadastro-msg-erro.crm-config-msg--erro {
  background: rgba(248, 113, 113, 0.1);
  border: 1px solid rgba(248, 113, 113, 0.25);
  color: #fca5a5;
}
body.dash-page--crm-config .crm-config-msg--ok,
body.dash-page--crm-config .cadastro-msg-sucesso.crm-config-msg--ok,
body.dash-page--etiquetas .crm-config-msg--ok,
body.dash-page--etiquetas .cadastro-msg-sucesso.crm-config-msg--ok,
body.dash-page--contratos .crm-config-msg--ok,
body.dash-page--contratos .cadastro-msg-sucesso.crm-config-msg--ok {
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.25);
  color: #86efac;
}
body.dash-page--crm-config .crm-config-table-wrap,
body.dash-page--etiquetas .crm-config-table-wrap,
body.dash-page--contratos .crm-config-table-wrap {
  flex: 1;
  min-height: 0;
  overflow: auto;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(8, 16, 24, 0.65);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
body.dash-page--crm-config .crm-config-table-wrap::-webkit-scrollbar,
body.dash-page--etiquetas .crm-config-table-wrap::-webkit-scrollbar,
body.dash-page--contratos .crm-config-table-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--crm-config .crm-config-table-wrap::-webkit-scrollbar-track,
body.dash-page--etiquetas .crm-config-table-wrap::-webkit-scrollbar-track,
body.dash-page--contratos .crm-config-table-wrap::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 999px;
}
body.dash-page--crm-config .crm-config-table-wrap::-webkit-scrollbar-thumb,
body.dash-page--etiquetas .crm-config-table-wrap::-webkit-scrollbar-thumb,
body.dash-page--contratos .crm-config-table-wrap::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm-config .crm-config-table-wrap:hover,
body.dash-page--crm-config .crm-config-table-wrap:focus-within,
body.dash-page--etiquetas .crm-config-table-wrap:hover,
body.dash-page--etiquetas .crm-config-table-wrap:focus-within,
body.dash-page--contratos .crm-config-table-wrap:hover,
body.dash-page--contratos .crm-config-table-wrap:focus-within {
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-config .crm-config-table-wrap:hover::-webkit-scrollbar-track,
body.dash-page--crm-config .crm-config-table-wrap:focus-within::-webkit-scrollbar-track,
body.dash-page--etiquetas .crm-config-table-wrap:hover::-webkit-scrollbar-track,
body.dash-page--etiquetas .crm-config-table-wrap:focus-within::-webkit-scrollbar-track,
body.dash-page--contratos .crm-config-table-wrap:hover::-webkit-scrollbar-track,
body.dash-page--contratos .crm-config-table-wrap:focus-within::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-config .crm-config-table-wrap:hover::-webkit-scrollbar-thumb,
body.dash-page--crm-config .crm-config-table-wrap:focus-within::-webkit-scrollbar-thumb,
body.dash-page--etiquetas .crm-config-table-wrap:hover::-webkit-scrollbar-thumb,
body.dash-page--etiquetas .crm-config-table-wrap:focus-within::-webkit-scrollbar-thumb,
body.dash-page--contratos .crm-config-table-wrap:hover::-webkit-scrollbar-thumb,
body.dash-page--contratos .crm-config-table-wrap:focus-within::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--crm-config .crm-config-table thead th,
body.dash-page--etiquetas .crm-config-table thead th,
body.dash-page--contratos .crm-config-table thead th {
  background: rgba(8, 16, 24, 0.95);
  color: #8ea1bb;
  font-size: 0.68rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: sticky;
  top: 0;
  z-index: 1;
}
body.dash-page--crm-config .crm-config-table tbody td,
body.dash-page--etiquetas .crm-config-table tbody td,
body.dash-page--contratos .crm-config-table tbody td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  color: #9fb0c2;
}
body.dash-page--crm-config .crm-config-table tbody tr:hover td,
body.dash-page--etiquetas .crm-config-table tbody tr:hover td,
body.dash-page--contratos .crm-config-table tbody tr:hover td {
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--crm-config .crm-config-td-nome,
body.dash-page--etiquetas .crm-config-td-nome,
body.dash-page--contratos .crm-config-td-nome {
  color: #fff;
  font-weight: 600;
}
body.dash-page--crm-config .crm-config-td-status,
body.dash-page--etiquetas .crm-config-td-status,
body.dash-page--contratos .crm-config-td-status {
  white-space: nowrap;
}
body.dash-page--crm-config .crm-config-status,
body.dash-page--etiquetas .crm-config-status,
body.dash-page--contratos .crm-config-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
}
body.dash-page--crm-config .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status-dot,
body.dash-page--contratos .crm-config-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #5a6d82;
}
body.dash-page--crm-config .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status-label,
body.dash-page--contratos .crm-config-status-label {
  color: #9fb0c2;
}
body.dash-page--crm-config .crm-config-status--approved .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status--approved .crm-config-status-dot,
body.dash-page--contratos .crm-config-status--approved .crm-config-status-dot {
  background: rgba(56, 211, 159, 0.55);
}
body.dash-page--crm-config .crm-config-status--approved .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status--approved .crm-config-status-label,
body.dash-page--contratos .crm-config-status--approved .crm-config-status-label {
  color: #9fb0c2;
}
body.dash-page--crm-config .crm-config-status--pending .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status--pending .crm-config-status-dot,
body.dash-page--contratos .crm-config-status--pending .crm-config-status-dot {
  background: #d4a72c;
}
body.dash-page--crm-config .crm-config-status--pending .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status--pending .crm-config-status-label,
body.dash-page--contratos .crm-config-status--pending .crm-config-status-label {
  color: #c9b88a;
}
body.dash-page--crm-config .crm-config-status--rejected .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status--rejected .crm-config-status-dot,
body.dash-page--contratos .crm-config-status--rejected .crm-config-status-dot {
  background: #e57373;
}
body.dash-page--crm-config .crm-config-status--rejected .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status--rejected .crm-config-status-label,
body.dash-page--contratos .crm-config-status--rejected .crm-config-status-label {
  color: #d4a0a0;
}
body.dash-page--crm-config .crm-config-status--paused .crm-config-status-dot,
body.dash-page--crm-config .crm-config-status--unknown .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status--paused .crm-config-status-dot,
body.dash-page--etiquetas .crm-config-status--unknown .crm-config-status-dot,
body.dash-page--contratos .crm-config-status--paused .crm-config-status-dot,
body.dash-page--contratos .crm-config-status--unknown .crm-config-status-dot {
  background: #5a6d82;
}
body.dash-page--crm-config .crm-config-status--paused .crm-config-status-label,
body.dash-page--crm-config .crm-config-status--unknown .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status--paused .crm-config-status-label,
body.dash-page--etiquetas .crm-config-status--unknown .crm-config-status-label,
body.dash-page--contratos .crm-config-status--paused .crm-config-status-label,
body.dash-page--contratos .crm-config-status--unknown .crm-config-status-label {
  color: #8ea1bb;
}
body.dash-page--crm-config .crm-config-td-vazio,
body.dash-page--etiquetas .crm-config-td-vazio,
body.dash-page--contratos .crm-config-td-vazio {
  color: #7f8ea3;
}
body.dash-page--crm-config .crm-config-td-acoes .cadastro-btn-acao,
body.dash-page--etiquetas .crm-config-td-acoes .cadastro-btn-acao,
body.dash-page--contratos .crm-config-td-acoes .cadastro-btn-acao {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #b8c5d4;
}
body.dash-page--crm-config .crm-config-td-acoes .cadastro-btn-acao:hover,
body.dash-page--etiquetas .crm-config-td-acoes .cadastro-btn-acao:hover,
body.dash-page--contratos .crm-config-td-acoes .cadastro-btn-acao:hover {
  border-color: rgba(56, 211, 159, 0.35);
  color: #38d39f;
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm-config .crm-config-badge--rascunho,
body.dash-page--etiquetas .crm-config-badge--rascunho,
body.dash-page--contratos .crm-config-badge--rascunho {
  background: rgba(255, 255, 255, 0.06);
  color: #9fb0c2;
}
body.dash-page--crm-config .crm-config-badge--publicado,
body.dash-page--etiquetas .crm-config-badge--publicado,
body.dash-page--contratos .crm-config-badge--publicado {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--crm-config .crm-config-badge--arquivado,
body.dash-page--etiquetas .crm-config-badge--arquivado,
body.dash-page--contratos .crm-config-badge--arquivado {
  background: rgba(248, 113, 113, 0.12);
  color: #f87171;
}
body.dash-page--crm-config .crm-config-ativo--sim,
body.dash-page--etiquetas .crm-config-ativo--sim,
body.dash-page--contratos .crm-config-ativo--sim {
  color: #38d39f;
}
body.dash-page--crm-config .crm-config-ativo--nao,
body.dash-page--etiquetas .crm-config-ativo--nao,
body.dash-page--contratos .crm-config-ativo--nao {
  color: #7f8ea3;
}
body.dash-page--crm-config .crm-config-td-motivo,
body.dash-page--etiquetas .crm-config-td-motivo,
body.dash-page--contratos .crm-config-td-motivo {
  color: #9fb0c2;
  font-size: 0.78rem;
}
body.dash-page--crm-config .cadastro-modal-box,
body.dash-page--etiquetas .cadastro-modal-box,
body.dash-page--contratos .cadastro-modal-box {
  background: rgba(16, 24, 34, 0.98);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
}
body.dash-page--crm-config .cadastro-modal-header,
body.dash-page--etiquetas .cadastro-modal-header,
body.dash-page--contratos .cadastro-modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-config .cadastro-modal-title,
body.dash-page--etiquetas .cadastro-modal-title,
body.dash-page--contratos .cadastro-modal-title {
  color: #fff;
}
body.dash-page--crm-config .cadastro-modal-desc,
body.dash-page--crm-config .cadastro-modal-body label,
body.dash-page--crm-config .crm-config-modal-form-alinhado > .cadastro-campo > label,
body.dash-page--etiquetas .cadastro-modal-desc,
body.dash-page--etiquetas .cadastro-modal-body label,
body.dash-page--etiquetas .crm-config-modal-form-alinhado > .cadastro-campo > label,
body.dash-page--contratos .cadastro-modal-desc,
body.dash-page--contratos .cadastro-modal-body label,
body.dash-page--contratos .crm-config-modal-form-alinhado > .cadastro-campo > label {
  color: #8ea1bb;
}
body.dash-page--crm-config .cadastro-modal-close,
body.dash-page--etiquetas .cadastro-modal-close,
body.dash-page--contratos .cadastro-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #9fb0c2;
}
body.dash-page--crm-config .cadastro-modal-close:hover,
body.dash-page--etiquetas .cadastro-modal-close:hover,
body.dash-page--contratos .cadastro-modal-close:hover {
  background: rgba(56, 211, 159, 0.2);
  color: #fff;
}
body.dash-page--crm-config .cadastro-modal-body input[type=text],
body.dash-page--crm-config .cadastro-modal-body input[type=color],
body.dash-page--crm-config .cadastro-modal-body select,
body.dash-page--crm-config .cadastro-modal-body textarea,
body.dash-page--etiquetas .cadastro-modal-body input[type=text],
body.dash-page--etiquetas .cadastro-modal-body input[type=color],
body.dash-page--etiquetas .cadastro-modal-body select,
body.dash-page--etiquetas .cadastro-modal-body textarea,
body.dash-page--contratos .cadastro-modal-body input[type=text],
body.dash-page--contratos .cadastro-modal-body input[type=color],
body.dash-page--contratos .cadastro-modal-body select,
body.dash-page--contratos .cadastro-modal-body textarea {
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
body.dash-page--crm-config .cadastro-modal-body input[type=text]:focus,
body.dash-page--crm-config .cadastro-modal-body input[type=color]:focus,
body.dash-page--crm-config .cadastro-modal-body select:focus,
body.dash-page--crm-config .cadastro-modal-body textarea:focus,
body.dash-page--etiquetas .cadastro-modal-body input[type=text]:focus,
body.dash-page--etiquetas .cadastro-modal-body input[type=color]:focus,
body.dash-page--etiquetas .cadastro-modal-body select:focus,
body.dash-page--etiquetas .cadastro-modal-body textarea:focus,
body.dash-page--contratos .cadastro-modal-body input[type=text]:focus,
body.dash-page--contratos .cadastro-modal-body input[type=color]:focus,
body.dash-page--contratos .cadastro-modal-body select:focus,
body.dash-page--contratos .cadastro-modal-body textarea:focus {
  border-color: rgba(56, 211, 159, 0.45);
  outline: none;
}
body.dash-page--crm-config .cadastro-modal-cancel,
body.dash-page--etiquetas .cadastro-modal-cancel,
body.dash-page--contratos .cadastro-modal-cancel {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #b8c5d4;
}
body.dash-page--crm-config .cadastro-modal-cancel:hover,
body.dash-page--etiquetas .cadastro-modal-cancel:hover,
body.dash-page--contratos .cadastro-modal-cancel:hover {
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}
body.dash-page--crm-config .crm-etapa-motivo-check-text,
body.dash-page--crm-config .crm-etapa-cor-hint,
body.dash-page--crm-config .crm-config-hint,
body.dash-page--etiquetas .crm-etapa-motivo-check-text,
body.dash-page--etiquetas .crm-etapa-cor-hint,
body.dash-page--etiquetas .crm-config-hint,
body.dash-page--contratos .crm-etapa-motivo-check-text,
body.dash-page--contratos .crm-etapa-cor-hint,
body.dash-page--contratos .crm-config-hint {
  color: #9fb0c2;
}
body.dash-page--crm-config .crm-etapa-motivos-editor .cadastro-campo input,
body.dash-page--etiquetas .crm-etapa-motivos-editor .cadastro-campo input,
body.dash-page--contratos .crm-etapa-motivos-editor .cadastro-campo input {
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
body.dash-page--crm-config .crm-etapa-fu-msg-textarea,
body.dash-page--etiquetas .crm-etapa-fu-msg-textarea,
body.dash-page--contratos .crm-etapa-fu-msg-textarea {
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
body.dash-page--crm-config .crm-etapa-fu-select,
body.dash-page--etiquetas .crm-etapa-fu-select,
body.dash-page--contratos .crm-etapa-fu-select {
  background: rgba(8, 16, 24, 0.9);
  border-color: rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
@media screen and (max-width: 780px) {
  body.dash-page--crm-config .crmDadosSection,
  body.dash-page--crm-config .crmVendedoresSection,
  body.dash-page--crm-config .crmCarrosSection,
  body.dash-page--etiquetas .crmDadosSection,
  body.dash-page--etiquetas .crmVendedoresSection,
  body.dash-page--etiquetas .crmCarrosSection,
  body.dash-page--contratos .crmDadosSection,
  body.dash-page--contratos .crmVendedoresSection,
  body.dash-page--contratos .crmCarrosSection {
    min-width: 0;
  }
  body.dash-page--crm-config .crm-dados-scroll,
  body.dash-page--etiquetas .crm-dados-scroll,
  body.dash-page--contratos .crm-dados-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.dash-page--crm-config .crm-dados-table,
  body.dash-page--etiquetas .crm-dados-table,
  body.dash-page--contratos .crm-dados-table {
    min-width: 0 !important;
    width: 100%;
    display: block;
  }
  body.dash-page--crm-config .crm-dados-table thead,
  body.dash-page--etiquetas .crm-dados-table thead,
  body.dash-page--contratos .crm-dados-table thead {
    display: none;
  }
  body.dash-page--crm-config .crm-dados-table tbody,
  body.dash-page--etiquetas .crm-dados-table tbody,
  body.dash-page--contratos .crm-dados-table tbody {
    display: block;
  }
  body.dash-page--crm-config .crm-dados-table tbody tr,
  body.dash-page--etiquetas .crm-dados-table tbody tr,
  body.dash-page--contratos .crm-dados-table tbody tr {
    display: block;
    margin-bottom: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(8, 16, 24, 0.55);
  }
  body.dash-page--crm-config .crm-dados-table tbody td,
  body.dash-page--etiquetas .crm-dados-table tbody td,
  body.dash-page--contratos .crm-dados-table tbody td {
    display: grid;
    grid-template-columns: minmax(86px, 34%) 1fr;
    gap: 6px 12px;
    align-items: start;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  body.dash-page--crm-config .crm-dados-table tbody tr td:last-child,
  body.dash-page--etiquetas .crm-dados-table tbody tr td:last-child,
  body.dash-page--contratos .crm-dados-table tbody tr td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  body.dash-page--crm-config .crm-dados-table tbody td::before,
  body.dash-page--etiquetas .crm-dados-table tbody td::before,
  body.dash-page--contratos .crm-dados-table tbody td::before {
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.62rem;
    font-weight: 600;
    color: #7f8ea3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.35;
  }
  body.dash-page--crm-config .crm-dados-table tbody td.crm-dados-cell-marca-modelo::before,
  body.dash-page--etiquetas .crm-dados-table tbody td.crm-dados-cell-marca-modelo::before,
  body.dash-page--contratos .crm-dados-table tbody td.crm-dados-cell-marca-modelo::before {
    content: "Marca / modelo";
  }
  body.dash-page--crm-config .crm-dados-table tbody td.crm-dados-cell-ano::before,
  body.dash-page--etiquetas .crm-dados-table tbody td.crm-dados-cell-ano::before,
  body.dash-page--contratos .crm-dados-table tbody td.crm-dados-cell-ano::before {
    content: "Ano";
  }
  body.dash-page--crm-config .crm-dados-table tbody td:nth-child(3)::before,
  body.dash-page--etiquetas .crm-dados-table tbody td:nth-child(3)::before,
  body.dash-page--contratos .crm-dados-table tbody td:nth-child(3)::before {
    content: "Conversa";
  }
  body.dash-page--crm-config .crm-dados-table tbody td:nth-child(4)::before,
  body.dash-page--etiquetas .crm-dados-table tbody td:nth-child(4)::before,
  body.dash-page--contratos .crm-dados-table tbody td:nth-child(4)::before {
    content: "Data";
  }
}
@media screen and (max-width: 768px) {
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table {
    min-width: 0 !important;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table thead,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table thead,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table thead {
    display: none;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 0;
    align-items: stretch;
    margin-bottom: 16px;
    padding: 0;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(10, 16, 24, 0.96);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    overflow: hidden;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-item--selecionado,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-item--selecionado,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-item--selecionado {
    border-color: rgba(56, 211, 159, 0.45);
    box-shadow: 0 0 0 1px rgba(56, 211, 159, 0.2);
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row:not(.crm-lista-row--modo-selecao),
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row:not(.crm-lista-row--modo-selecao),
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row:not(.crm-lista-row--modo-selecao) {
    grid-template-areas: "lead" "fase" "veiculo" "vendedor" "data" "acoes";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-lista-row--modo-selecao,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-lista-row--modo-selecao,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr.crm-lista-row.crm-lista-row--modo-selecao {
    grid-template-areas: "sel" "lead" "fase" "veiculo" "vendedor" "data" "acoes";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr:not(.crm-lista-row--modo-selecao) > td.crm-lista-td-sel,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr:not(.crm-lista-row--modo-selecao) > td.crm-lista-td-sel,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr:not(.crm-lista-row--modo-selecao) > td.crm-lista-td-sel {
    display: none !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-sel,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-sel,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-sel {
    grid-area: sel;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px 14px !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(16, 24, 34, 0.5) !important;
    box-shadow: none !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead {
    grid-area: lead;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase {
    grid-area: fase;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo {
    grid-area: veiculo;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor {
    grid-area: vendedor;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data {
    grid-area: data;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    grid-area: acoes;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td:not(.crm-lista-td-sel),
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td:not(.crm-lista-td-sel),
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td:not(.crm-lista-td-sel) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    padding: 12px 14px !important;
    margin: 0;
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: transparent !important;
    box-shadow: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    color: #7f8ea3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1.2;
    flex-shrink: 0;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-lead::before {
    display: none;
    content: none;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-fase::before {
    content: "Etapa";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-veiculo::before {
    content: "Carro";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-vendedor::before {
    content: "Vendedor";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    content: "Data";
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    border-bottom: none !important;
    padding-top: 12px !important;
    background: rgba(16, 24, 34, 0.45) !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table tbody tr > td.crm-lista-td-acoes::before {
    display: none;
    content: none;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-linha,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-linha,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-linha {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    width: 100%;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-unread-badge,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-unread-badge,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-unread-badge {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 4px;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-textos,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-textos,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-lead-textos {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    width: 100%;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-nome,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-nome,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-nome {
    display: block;
    font-size: 1.05rem !important;
    font-weight: 600;
    line-height: 1.35;
    color: #fff;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone {
    display: block;
    font-size: 0.88rem !important;
    line-height: 1.4;
    color: #b8c5d4;
    word-break: break-all;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone::before,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone::before,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-fone::before {
    content: none;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-fase .crm-interesse,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-fase .crm-interesse,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-fase .crm-interesse {
    font-size: 0.85rem !important;
    line-height: 1.4;
    white-space: normal !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-veiculo,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-veiculo,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-veiculo {
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.4;
    font-size: 0.88rem !important;
    color: #e2e8f0;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-vendedor,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-data,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-vendedor,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-data,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-vendedor,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-td-data {
    font-size: 0.88rem !important;
    line-height: 1.4;
    color: #e2e8f0;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-acoes-inline,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-acoes-inline,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-acoes-inline {
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa {
    flex: 1 1 9.5rem;
    min-width: 0;
    min-height: 40px;
    justify-content: center;
    padding: 9px 10px;
    font-size: 0.74rem;
    white-space: normal;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver span,
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa span,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver span,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa span,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ver span,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-btn-ir-conversa span {
    white-space: normal;
    text-align: center;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-etapa-texto,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-etapa-texto,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table .crm-lista-etapa-texto {
    font-size: 0.85rem !important;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal !important;
  }
  body.dash-page--crm-config #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table td .crm-lista-select-etapa,
  body.dash-page--etiquetas #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table td .crm-lista-select-etapa,
  body.dash-page--contratos #crmViewLista.crm-view-panel--ativo .crm-lista-scroll .crm-lista-table td .crm-lista-select-etapa {
    width: 100%;
    max-width: 100%;
    min-height: 40px !important;
    font-size: 0.8rem !important;
    padding: 8px 10px !important;
    box-sizing: border-box;
    white-space: normal;
    line-height: 1.25;
  }
}
@media screen and (max-width: 768px) {
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table {
    min-width: 0 !important;
    width: 100%;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table thead,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table thead,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table thead,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table thead,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table thead,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table thead {
    display: none;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr.crm-lista-row,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr.crm-lista-row {
    display: block;
    margin-bottom: 14px;
    padding: 14px 14px;
    border-radius: 13px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(8, 16, 24, 0.5);
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td {
    display: grid;
    grid-template-columns: minmax(96px, 34%) 1fr;
    gap: 8px 12px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td::before,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td::before {
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.66rem;
    font-weight: 600;
    color: #7f8ea3;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1.3;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td:last-child,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-lead::before {
    content: "Lead";
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-fone::before {
    content: "Telefone";
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-data::before {
    content: "Data";
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding-top: 10px !important;
    border-bottom: none !important;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table tbody tr > td.crm-lista-td-acoes::before {
    display: none;
    content: none;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat {
    width: auto;
    flex-shrink: 0;
    justify-content: flex-start;
    min-height: 0;
    padding: 5px 10px;
    gap: 5px;
    font-size: 0.7rem;
    border-radius: 8px;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat i,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat i {
    font-size: 0.75rem;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table .crm-lista-btn-chat .crm-lista-btn-chat-text {
    white-space: nowrap;
    text-align: center;
    line-height: 1.2;
    font-size: 0.7rem;
  }
  body.dash-page--crm-config .crm-vendedor-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--crm-config .crm-carro-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--etiquetas .crm-vendedor-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--etiquetas .crm-carro-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--contratos .crm-vendedor-card__body .crm-lista-table .crm-lista-nome,
  body.dash-page--contratos .crm-carro-card__body .crm-lista-table .crm-lista-nome {
    font-size: 0.88rem !important;
  }
}

html:has(body.dash-page--inventory) {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
html:has(body.dash-page--inventory)::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html:has(body.dash-page--inventory)::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
html:has(body.dash-page--inventory)::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

body.dash-page--inventory {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--inventory::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--inventory::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
body.dash-page--inventory::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--inventory {
  background: #020817;
  overflow-x: hidden;
}
body.dash-page--inventory .dash-layout,
body.dash-page--inventory .dash-main,
body.dash-page--inventory .inventory-page,
body.dash-page--inventory .inventory-content {
  overflow: visible;
}
body.dash-page--inventory .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent;
}
body.dash-page--inventory .alerts-sidebar,
body.dash-page--inventory .inventory-filtros-avancados,
body.dash-page--inventory .carro-card-observacao-tooltip,
body.dash-page--inventory .estoque-painel-inner {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--inventory .alerts-sidebar::-webkit-scrollbar,
body.dash-page--inventory .inventory-filtros-avancados::-webkit-scrollbar,
body.dash-page--inventory .carro-card-observacao-tooltip::-webkit-scrollbar,
body.dash-page--inventory .estoque-painel-inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body.dash-page--inventory .alerts-sidebar::-webkit-scrollbar-track,
body.dash-page--inventory .inventory-filtros-avancados::-webkit-scrollbar-track,
body.dash-page--inventory .carro-card-observacao-tooltip::-webkit-scrollbar-track,
body.dash-page--inventory .estoque-painel-inner::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
body.dash-page--inventory .alerts-sidebar::-webkit-scrollbar-thumb,
body.dash-page--inventory .inventory-filtros-avancados::-webkit-scrollbar-thumb,
body.dash-page--inventory .carro-card-observacao-tooltip::-webkit-scrollbar-thumb,
body.dash-page--inventory .estoque-painel-inner::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
body.dash-page--inventory .estoque-backdrop {
  background: rgba(2, 8, 23, 0.75);
  backdrop-filter: blur(8px);
}
body.dash-page--inventory .estoque-painel {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}
body.dash-page--inventory .estoque-painel--aberto {
  box-shadow: -16px 0 48px rgba(0, 0, 0, 0.5);
}
body.dash-page--inventory .inventory-painel-hero {
  position: relative;
  flex-shrink: 0;
}
body.dash-page--inventory .inventory-painel-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  background: linear-gradient(180deg, rgba(2, 8, 23, 0.88) 0%, rgba(2, 8, 23, 0.45) 55%, transparent 100%);
  pointer-events: none;
}
body.dash-page--inventory .inventory-painel-toolbar > * {
  pointer-events: auto;
}
body.dash-page--inventory .inventory-painel-toolbar-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body.dash-page--inventory .inventory-painel-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 40px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(7, 18, 33, 0.72);
  backdrop-filter: blur(10px);
  color: #e2e8f0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
body.dash-page--inventory .inventory-painel-tool i {
  font-size: 14px;
  line-height: 1;
}
body.dash-page--inventory .inventory-painel-tool:hover {
  border-color: rgba(0, 229, 176, 0.45);
  color: #00e5b0;
  background: rgba(7, 24, 38, 0.9);
}
body.dash-page--inventory .inventory-painel-tool--edit {
  padding: 0 14px;
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.16);
  color: #00e5b0;
}
body.dash-page--inventory .inventory-painel-tool--edit:hover {
  background: rgba(0, 229, 176, 0.28);
  border-color: rgba(0, 229, 176, 0.55);
  color: #2ef59a;
}
body.dash-page--inventory .inventory-painel-tool--icon {
  width: 40px;
  padding: 0;
}
body.dash-page--inventory .inventory-painel-tool--close:hover {
  border-color: rgba(255, 107, 122, 0.45);
  color: #ff8a96;
  background: rgba(40, 12, 18, 0.85);
}
body.dash-page--inventory .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
body.dash-page--inventory .estoque-galeria {
  margin: 0;
  background: #050c14;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--inventory .estoque-galeria-main {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  min-height: 300px;
  max-height: min(52vh, 420px);
  background: radial-gradient(ellipse at 50% 35%, rgba(255, 255, 255, 0.06), transparent 62%), #050c14;
}
body.dash-page--inventory .estoque-galeria-img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  max-height: min(52vh, 420px);
  object-fit: cover;
  display: block;
  background: #050c14;
}
body.dash-page--inventory .estoque-galeria-nav {
  width: 42px;
  height: 42px;
  background: rgba(5, 12, 20, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
body.dash-page--inventory .estoque-galeria-nav:hover {
  background: rgba(0, 229, 176, 0.9);
  border-color: rgba(0, 229, 176, 0.5);
  color: #041018;
}
body.dash-page--inventory .estoque-thumbnails {
  background: rgba(7, 18, 33, 0.95);
  padding: 12px 14px;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--inventory .estoque-thumb {
  width: 64px;
  height: 48px;
  border-radius: 10px;
  border: 2px solid transparent;
  opacity: 0.6;
  overflow: hidden;
}
body.dash-page--inventory .estoque-thumb--ativa, body.dash-page--inventory .estoque-thumb:hover {
  border-color: #00e5b0;
  opacity: 1;
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.2);
}
body.dash-page--inventory .estoque-painel-body {
  padding: 18px 18px 28px;
}
body.dash-page--inventory .estoque-painel-nome {
  font-family: "Outfit", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #f1f5f9;
}
body.dash-page--inventory .estoque-painel-marca {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  color: #94a3b8;
}
body.dash-page--inventory .estoque-painel-valor {
  font-family: "Outfit", sans-serif;
  font-size: 1.45rem;
  font-weight: 700;
  color: #00e5b0;
  margin: 8px 0 14px;
}
body.dash-page--inventory .estoque-painel-status {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  border-radius: 8px;
}
body.dash-page--inventory .estoque-painel-status--disponivel {
  background: rgba(0, 229, 176, 0.14);
  color: #00e5b0;
}
body.dash-page--inventory .estoque-painel-status--vendido {
  background: rgba(255, 92, 92, 0.14);
  color: #ff6b7a;
}
body.dash-page--inventory .estoque-painel-status--reservado {
  background: rgba(255, 184, 0, 0.14);
  color: #ffb800;
}
body.dash-page--inventory .estoque-painel-status--arquivado {
  background: rgba(148, 163, 184, 0.15);
  color: #cbd5e1;
}
body.dash-page--inventory .estoque-chip {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  color: #cbd5e1;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
}
body.dash-page--inventory .estoque-chip i {
  color: #00e5b0;
}
body.dash-page--inventory .estoque-detalhe-secao {
  margin-bottom: 16px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--inventory .estoque-detalhe-secao:last-child {
  margin-bottom: 0;
}
body.dash-page--inventory .estoque-detalhe-titulo {
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 10px;
}
body.dash-page--inventory .estoque-detalhe-titulo i {
  color: #00e5b0;
  font-size: 11px;
}
body.dash-page--inventory .estoque-detalhe-label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  color: #64748b;
}
body.dash-page--inventory .estoque-detalhe-valor {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #e2e8f0;
}

body.dash-page--inventory .estoque-doc-linha {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
}

body.dash-page--inventory .edit-doc-btn--baixar {
  background: rgba(59, 130, 246, 0.16);
}

body.dash-page--inventory .estoque-extra-badge {
  border-radius: 8px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
}
body.dash-page--inventory .estoque-extra-badge--sim {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  border: 1px solid rgba(0, 229, 176, 0.22);
}
body.dash-page--inventory .estoque-extra-badge--sim i {
  color: #00e5b0;
}
body.dash-page--inventory .estoque-extra-badge--nao {
  background: rgba(255, 255, 255, 0.03);
  color: #64748b;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
body.dash-page--inventory .estoque-extra-badge--nao i {
  color: #64748b;
}
body.dash-page--inventory .estoque-nota {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #cbd5e1;
  line-height: 1.55;
}
body.dash-page--inventory .estoque-painel--expanded {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
}
body.dash-page--inventory .estoque-painel--expanded .estoque-galeria-main {
  max-height: min(56vh, 520px);
  min-height: 360px;
  aspect-ratio: 16/9;
}
body.dash-page--inventory .estoque-painel--expanded .estoque-galeria-img {
  max-height: min(56vh, 520px);
  min-height: 360px;
  object-fit: contain;
  padding: 16px;
  box-sizing: border-box;
}
body.dash-page--inventory .estoque-painel--expanded .estoque-painel-body {
  padding-left: 24px;
  padding-right: 24px;
}

.inventory-page {
  padding: 24px 28px 32px;
  min-height: calc(100vh - 56px);
  background: radial-gradient(circle at top left, rgba(0, 255, 191, 0.08), transparent 30%), #020817;
  color: #fff;
  box-sizing: border-box;
}

.inventory-page-head {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 14px;
}

.inventory-page-head-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.inventory-estoque-tabs {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border-radius: 10px;
  background: rgba(7, 18, 33, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

.inventory-estoque-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #64748b;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}
.inventory-estoque-tab:hover:not(.inventory-estoque-tab--ativo) {
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.04);
}
.inventory-estoque-tab--ativo {
  color: #00e5b0;
  background: rgba(0, 229, 176, 0.14);
  box-shadow: inset 0 0 0 1px rgba(0, 229, 176, 0.18);
}

.inventory-head-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(0, 229, 176, 0.22);
  background: rgba(0, 229, 176, 0.1);
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.inventory-head-cta i {
  font-size: 11px;
  line-height: 1;
}
.inventory-head-cta:hover {
  background: rgba(0, 229, 176, 0.18);
  border-color: rgba(0, 229, 176, 0.38);
  color: #2ef59a;
}

.inventory-page-topbar {
  margin-bottom: 0;
}

.inventory-page .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.inventory-page .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.inventory-page .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.inventory-page .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.inventory-page .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.inventory-page .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.inventory-page .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}

.inventory-btn-novo {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px 10px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  text-decoration: none;
  flex-shrink: 0;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.inventory-btn-novo__icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.inventory-btn-novo__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
}
.inventory-btn-novo__label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}
.inventory-btn-novo__hint {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  line-height: 1.2;
}
.inventory-btn-novo:hover {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.06);
  color: #e2e8f0;
}
.inventory-btn-novo:hover .inventory-btn-novo__icon {
  background: rgba(0, 229, 176, 0.2);
}
.inventory-btn-novo:hover .inventory-btn-novo__hint {
  color: #94a3b8;
}
.inventory-btn-novo--sm {
  gap: 8px;
  padding: 6px 10px 6px 6px;
  border-radius: 10px;
}
.inventory-btn-novo--sm .inventory-btn-novo__icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  font-size: 12px;
}
.inventory-btn-novo--sm .inventory-btn-novo__label {
  font-size: 12px;
  font-weight: 600;
}
.inventory-btn-novo--sm .inventory-btn-novo__text,
.inventory-btn-novo--sm .inventory-btn-novo__hint {
  display: none;
}

.inventory-btn-voltar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: transparent;
  color: #94a3b8;
  text-decoration: none;
  flex-shrink: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}
.inventory-btn-voltar i {
  font-size: 12px;
  line-height: 1;
}
.inventory-btn-voltar:hover {
  color: #00e5b0;
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.08);
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.stat-card {
  background: rgba(7, 18, 33, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  backdrop-filter: blur(14px);
}
.stat-card > div:first-child {
  min-width: 0;
}
.stat-card span {
  color: #94a3b8;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 500;
  display: block;
  line-height: 1.2;
}
.stat-card h2 {
  color: #00e5b0;
  font-family: "Outfit", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  margin: 2px 0 1px;
  line-height: 1;
}
.stat-card small {
  color: #64748b;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  line-height: 1.2;
}
.stat-card .icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  flex-shrink: 0;
}
.stat-card .icon.success {
  color: #00e5b0;
  background: rgba(0, 229, 176, 0.12);
}
.stat-card .icon.warning {
  color: #ffb800;
  background: rgba(255, 184, 0, 0.12);
}
.stat-card .icon.green {
  color: #00e5b0;
  background: rgba(0, 229, 176, 0.12);
}
.stat-card .icon.danger {
  color: #8b9cff;
  background: rgba(139, 156, 255, 0.12);
}

.inventory-content {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 12px;
  align-items: stretch;
}

.alerts-sidebar-anchor {
  width: 220px;
  position: relative;
  align-self: stretch;
  min-height: 0;
}

.alerts-sidebar {
  background: rgba(7, 18, 33, 0.82);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 12px;
  width: 100%;
  height: fit-content;
  position: relative;
  top: 0;
  left: 0;
  z-index: 5;
  max-height: calc(100vh - 56px - 32px);
  overflow-y: auto;
  overscroll-behavior: contain;
  box-sizing: border-box;
}
.alerts-sidebar.is-stuck {
  position: fixed;
  z-index: 25;
}
.alerts-sidebar.is-stuck-bottom {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.alerts-sidebar .sidebar-title {
  margin-bottom: 10px;
}
.alerts-sidebar .sidebar-title h3 {
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0;
  color: #fff;
}
.alerts-sidebar .alert-item {
  background: rgba(255, 255, 255, 0.02);
  border-radius: 10px;
  padding: 8px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.alerts-sidebar .alert-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
.alerts-sidebar .alert-item .left {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-width: 0;
}
.alerts-sidebar .alert-item .alert-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 11px;
}
.alerts-sidebar .alert-item h4 {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 600;
  margin: 0 0 2px;
  line-height: 1.3;
  color: #e2e8f0;
}
.alerts-sidebar .alert-item a,
.alerts-sidebar .alert-item .alert-link {
  color: #00e5b0;
  font-size: 9px;
  text-decoration: none;
  pointer-events: none;
}
.alerts-sidebar .alert-item > span,
.alerts-sidebar .alert-item .alert-count {
  min-width: 24px;
  height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 10px;
  flex-shrink: 0;
}
.alerts-sidebar .alert-item.red .alert-icon,
.alerts-sidebar .alert-item.red .alert-count {
  background: rgba(255, 71, 87, 0.12);
  color: #ff4757;
}
.alerts-sidebar .alert-item.orange .alert-icon,
.alerts-sidebar .alert-item.orange .alert-count {
  background: rgba(255, 149, 0, 0.12);
  color: #ff9500;
}
.alerts-sidebar .alert-item.yellow .alert-icon,
.alerts-sidebar .alert-item.yellow .alert-count {
  background: rgba(255, 184, 0, 0.12);
  color: #ffb800;
}
.alerts-sidebar .alert-item--ativo {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.06);
}
.alerts-sidebar .view-alerts {
  width: 100%;
  height: 32px;
  border-radius: 8px;
  border: none;
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 700;
  margin-top: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.2s ease;
}
.alerts-sidebar .view-alerts:hover {
  background: rgba(0, 229, 176, 0.2);
}

.inventory-main {
  background: rgba(7, 18, 33, 0.55);
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  min-width: 0;
}

.inventory-filters-panel {
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(7, 18, 33, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
  gap: 0;
}

.inventory-filters-bar {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  min-width: 0;
}
.inventory-filters-bar .inventory-filters-row--search {
  flex: 1 1 auto;
  min-width: 0;
}

.inventory-filters-expand {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  margin-bottom: 1px;
  padding: 0;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.inventory-filters-expand i {
  font-size: 12px;
  transition: transform 0.2s ease;
}
.inventory-filters-expand:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(0, 229, 176, 0.25);
  color: #c7d4e2;
}
.inventory-filters-expand--aberto {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.1);
  color: #00e5b0;
}
.inventory-filters-expand--aberto i {
  transform: rotate(180deg);
}

.inventory-filters-extras {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.inventory-filters-extras[hidden] {
  display: none !important;
}

.inventory-filters-row {
  display: grid;
  gap: 10px;
  align-items: end;
  min-width: 0;
}
.inventory-filters-row--search {
  grid-template-columns: 1fr 1fr;
}
.inventory-filters-row--controls {
  grid-template-columns: 1.1fr 1.15fr 0.9fr auto;
  padding-top: 0;
  border-top: none;
}

.inventory-filters-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
.inventory-filters-actions .clear-filters,
.inventory-filters-actions .inventory-filters-toggle.date-btn {
  align-self: center;
  flex-shrink: 0;
}

.inventory-filters-panel .input-group,
.inventory-filters-panel .inventory-filters .input-group {
  min-width: 0;
}
.inventory-filters-panel .input-group label,
.inventory-filters-panel .inventory-filters .input-group label {
  display: block;
  margin-bottom: 5px;
  color: #94a3b8;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 500;
}
.inventory-filters-panel .input-group .input,
.inventory-filters-panel .input-group select,
.inventory-filters-panel .input-group .price-range,
.inventory-filters-panel .inventory-filters .input-group .input,
.inventory-filters-panel .inventory-filters .input-group select,
.inventory-filters-panel .inventory-filters .input-group .price-range {
  height: 34px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.inventory-filters-panel .input-group .input,
.inventory-filters-panel .inventory-filters .input-group .input {
  display: flex;
  align-items: center;
  padding: 0 10px;
  gap: 8px;
}
.inventory-filters-panel .input-group .input input,
.inventory-filters-panel .inventory-filters .input-group .input input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
}
.inventory-filters-panel .input-group .input input::placeholder,
.inventory-filters-panel .inventory-filters .input-group .input input::placeholder {
  color: #64748b;
}
.inventory-filters-panel .input-group .input i,
.inventory-filters-panel .inventory-filters .input-group .input i {
  color: #64748b;
  font-size: 12px;
  flex-shrink: 0;
}
.inventory-filters-panel .input-group select,
.inventory-filters-panel .inventory-filters .input-group select {
  width: 100%;
  padding: 0 30px 0 10px;
  color: #fff;
  outline: none;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  cursor: pointer;
  appearance: none;
  background-color: rgba(255, 255, 255, 0.03);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.inventory-filters-panel .input-group select:focus,
.inventory-filters-panel .inventory-filters .input-group select:focus {
  border-color: rgba(0, 229, 176, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.1);
}
.inventory-filters-panel .input-group select option,
.inventory-filters-panel .inventory-filters .input-group select option {
  background: #0b1725;
  color: #fff;
}
.inventory-filters-panel .input-group .input:focus-within,
.inventory-filters-panel .inventory-filters .input-group .input:focus-within {
  border-color: rgba(0, 229, 176, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.1);
}
.inventory-filters-panel .input-group .price-range:focus-within,
.inventory-filters-panel .inventory-filters .input-group .price-range:focus-within {
  border-color: rgba(0, 229, 176, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.1);
}
.inventory-filters-panel .input-group .price-range,
.inventory-filters-panel .inventory-filters .input-group .price-range {
  display: flex;
  align-items: center;
  padding: 0 8px;
  gap: 6px;
}
.inventory-filters-panel .input-group .price-range input,
.inventory-filters-panel .inventory-filters .input-group .price-range input {
  width: 100%;
  min-width: 0;
  background: transparent;
  border: none;
  color: #fff;
  outline: none;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
}
.inventory-filters-panel .input-group .price-range input::placeholder,
.inventory-filters-panel .inventory-filters .input-group .price-range input::placeholder {
  color: #64748b;
}
.inventory-filters-panel .input-group .price-range span,
.inventory-filters-panel .inventory-filters .input-group .price-range span {
  color: #64748b;
  font-size: 12px;
  flex-shrink: 0;
}
.inventory-filters-panel .clear-filters,
.inventory-filters-panel .inventory-filters .clear-filters {
  align-self: end;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #00e5b0;
  cursor: pointer;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease;
}
.inventory-filters-panel .clear-filters:hover,
.inventory-filters-panel .inventory-filters .clear-filters:hover {
  background: rgba(0, 229, 176, 0.08);
}
.inventory-filters-panel .inventory-filters-toggle.date-btn,
.inventory-filters-panel .inventory-filters .inventory-filters-toggle.date-btn {
  align-self: end;
  height: 34px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid rgba(31, 229, 142, 0.35);
  background: rgba(31, 229, 142, 0.14);
  color: #1fe58e;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
  box-shadow: none;
}
.inventory-filters-panel .inventory-filters-toggle.date-btn i,
.inventory-filters-panel .inventory-filters .inventory-filters-toggle.date-btn i {
  font-size: 11px;
}
.inventory-filters-panel .inventory-filters-toggle.date-btn .inventory-filters-toggle-label,
.inventory-filters-panel .inventory-filters .inventory-filters-toggle.date-btn .inventory-filters-toggle-label {
  line-height: 1;
}
.inventory-filters-panel .inventory-filters-toggle.date-btn:hover,
.inventory-filters-panel .inventory-filters .inventory-filters-toggle.date-btn:hover {
  background: rgba(31, 229, 142, 0.22);
  border-color: rgba(31, 229, 142, 0.45);
  transform: none;
  filter: none;
}
.inventory-filters-panel .inventory-filters-toggle.date-btn.estoque-filtros-toggle--ativo,
.inventory-filters-panel .inventory-filters .inventory-filters-toggle.date-btn.estoque-filtros-toggle--ativo {
  background: rgba(31, 229, 142, 0.22);
  border-color: rgba(31, 229, 142, 0.5);
  color: #2ef59a;
}

.inventory-page--arquivados .stats-grid {
  grid-template-columns: minmax(0, 180px);
  max-width: 180px;
}
.inventory-page--arquivados .stat-card:not(.stat-card--total) {
  display: none;
}
.inventory-page--arquivados .inventory-content {
  grid-template-columns: 1fr;
}
.inventory-page--arquivados .alerts-sidebar-anchor,
.inventory-page--arquivados .alerts-sidebar {
  display: none !important;
}

.inventory-main .inventory-filtros-avancados {
  display: none;
  flex-direction: column;
  gap: 12px;
  padding: 14px 16px 16px;
  margin-bottom: 16px;
  background: rgba(7, 18, 33, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  width: 100%;
  box-sizing: border-box;
}
.inventory-main .inventory-filtros-avancados.estoque-filtros-avancados--aberto {
  display: flex;
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-avancados-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 6px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-avancados-titulo {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #e2e8f0;
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-fechar {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: #cbd5e1;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-fechar i {
  font-size: 12px;
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-fechar:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.inventory-main .inventory-filtros-avancados .inventory-filtros-avancados-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
  align-items: start;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  min-width: 0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo--veiculo, .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo--opcionais {
  grid-column: 1/-1;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-titulo {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  border-bottom: none;
  background: transparent;
  font-family: "Outfit", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #cbd5e1;
  text-transform: none;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-titulo i {
  color: #00e5b0;
  font-size: 11px;
  opacity: 0.9;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--denso {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1100px) {
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--denso {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--compacto {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--par {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.inventory-main .inventory-filtros-avancados .estoque-filtros-opcionais {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 2px;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  text-transform: none;
  letter-spacing: 0;
  margin: 0;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo input:not([type=checkbox]):not([type=radio]),
.inventory-main .inventory-filtros-avancados .cadastro-campo select {
  width: 100%;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo input:not([type=checkbox]):not([type=radio])::placeholder,
.inventory-main .inventory-filtros-avancados .cadastro-campo select::placeholder {
  color: #64748b;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo input:not([type=checkbox]):not([type=radio]):focus,
.inventory-main .inventory-filtros-avancados .cadastro-campo select:focus {
  border-color: rgba(0, 229, 176, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.12);
}
.inventory-main .inventory-filtros-avancados .cadastro-campo input[type=date] {
  color-scheme: dark;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo select {
  cursor: pointer;
  appearance: none;
  padding-right: 36px;
  background-color: rgba(255, 255, 255, 0.03);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}
.inventory-main .inventory-filtros-avancados .cadastro-campo select option {
  background: #0b1725;
  color: #fff;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle:hover {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.06);
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle input[type=checkbox] {
  display: none;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle-slider {
  width: 38px;
  height: 22px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 11px;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle-slider::after {
  background: #cbd5e1;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider {
  background: rgba(0, 229, 176, 0.45);
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider::after {
  background: #00e5b0;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle-label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #cbd5e1;
}
.inventory-main .inventory-filtros-avancados .cadastro-toggle input[type=checkbox]:checked ~ .cadastro-toggle-label {
  color: #00e5b0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search {
  min-width: 0;
  max-width: 100%;
}
@media (min-width: 640px) {
  .inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search {
    max-width: 360px;
  }
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search label {
  display: block;
  margin-bottom: 8px;
  color: #94a3b8;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search .input {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 14px;
  gap: 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search .input input {
  flex: 1;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  color: #fff;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search .input input::placeholder {
  color: #64748b;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search .input i {
  color: #64748b;
  font-size: 14px;
  flex-shrink: 0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-busca .input-group.search .input:focus-within {
  border-color: rgba(0, 229, 176, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.1);
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-vazio {
  margin: 0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  color: #94a3b8;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-chips[hidden] {
  display: none !important;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px 4px 12px;
  border-radius: 999px;
  background: rgba(0, 229, 176, 0.18);
  border: none;
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-chip button {
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-chip button i {
  font-size: 9px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-chip button:hover {
  background: rgba(0, 229, 176, 0.25);
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-resultados {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
  gap: 6px;
  max-height: 140px;
  overflow-y: auto;
  padding: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-resultados::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-resultados::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-resultados::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcionais-resultados[hidden] {
  display: none !important;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  min-width: 0;
  border: none;
  outline: none;
  appearance: none;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  text-align: left;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item .estoque-filtro-opcional-item-check {
  font-size: 10px;
  opacity: 0;
  width: 12px;
  flex-shrink: 0;
  color: #00e5b0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item:hover {
  background: rgba(0, 229, 176, 0.08);
  box-shadow: inset 0 0 0 1px rgba(0, 229, 176, 0.35);
  color: #e2e8f0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item:focus-visible {
  outline: 2px solid rgba(0, 229, 176, 0.5);
  outline-offset: 2px;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item--ativo {
  background: rgba(0, 229, 176, 0.16);
  box-shadow: inset 0 0 0 1px #00e5b0;
  color: #00e5b0;
}
.inventory-main .inventory-filtros-avancados .estoque-filtro-opcional-item--ativo .estoque-filtro-opcional-item-check {
  opacity: 1;
}
@media (max-width: 900px) {
  .inventory-main .inventory-filtros-avancados .inventory-filtros-avancados-body {
    grid-template-columns: 1fr;
  }
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo--veiculo,
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo--opcionais {
    grid-column: auto;
  }
}
@media (max-width: 768px) {
  .inventory-main .inventory-filtros-avancados {
    padding: 12px;
  }
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos,
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--denso,
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--compacto,
  .inventory-main .inventory-filtros-avancados .estoque-filtros-grupo-campos--par {
    grid-template-columns: 1fr;
  }
}

.inventory-toolbar-extra {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 12px;
  flex-wrap: nowrap;
}
.inventory-toolbar-extra .inventory-view-toggle {
  display: flex;
  gap: 6px;
}
.inventory-toolbar-extra .inventory-view-toggle__btn {
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  color: #94a3b8;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", "Poppins", sans-serif;
}
.inventory-toolbar-extra .inventory-view-toggle__btn--ativo {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  border-color: rgba(0, 229, 176, 0.2);
}
.inventory-toolbar-extra .inventory-ordenacao {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  min-width: 0;
}
.inventory-toolbar-extra .inventory-ordenacao .inventory-ordenacao-label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #64748b;
  white-space: nowrap;
  margin: 0;
}
.inventory-toolbar-extra .inventory-ordenacao select {
  height: 34px;
  width: auto;
  max-width: min(200px, 42vw);
  min-width: 0;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  padding: 0 30px 0 10px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  cursor: pointer;
  appearance: none;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.inventory-toolbar-extra .inventory-ordenacao select:focus {
  border-color: rgba(0, 229, 176, 0.4);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.1);
}
.inventory-toolbar-extra .inventory-ordenacao select option,
.inventory-toolbar-extra .inventory-ordenacao select optgroup {
  background: #0b1725;
  color: #fff;
}
.inventory-toolbar-extra .inventory-ordenacao select optgroup {
  font-size: 11px;
  font-weight: 600;
  color: #94a3b8;
}
@media (max-width: 640px) {
  .inventory-toolbar-extra {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .inventory-toolbar-extra .inventory-ordenacao select {
    max-width: 100%;
    flex: 1;
  }
}

#lista-msg {
  margin-bottom: 10px;
  color: #ff6b7a;
  font-size: 13px;
}

.inventory-main #filtrosResultado,
.inventory-main .estoque-filtros-resultado {
  color: #94a3b8;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(0, 229, 176, 0.06);
  border: 1px solid rgba(0, 229, 176, 0.12);
}

#listaVazia {
  text-align: center;
  padding: 40px 20px;
  color: #64748b;
  font-size: 14px;
}

.inventory-main .cars-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-main .car-card {
  background: linear-gradient(180deg, #0b1725 0%, #09111c 100%);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.22s ease, border-color 0.22s ease;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  min-width: 0;
  position: relative;
}
.inventory-main .car-card:hover {
  transform: translateY(-2px);
  border-color: rgba(0, 229, 176, 0.2);
  z-index: 2;
}
.inventory-main .car-card {
  /* Tooltip do laudo por cima dos cards vizinhos */
}
.inventory-main .car-card:has(.carro-card-laudo-wrapper:hover), .inventory-main .car-card:has(.carro-card-observacao-wrapper:hover) {
  z-index: 40;
  overflow: visible;
}
.inventory-main .car-card.car-card--impulsionado-destaque {
  border-color: rgba(0, 224, 164, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 224, 164, 0.2);
}
.inventory-main .car-card .car-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  min-height: 132px;
  flex-shrink: 0;
}
.inventory-main .car-card .car-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.inventory-main .car-card .car-image .badge {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 3px 7px;
  border-radius: 6px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 700;
  z-index: 1;
}
.inventory-main .car-card .car-image .badge.badge--pill {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
}
.inventory-main .car-card .car-image .badge.available {
  background: rgba(5, 12, 20, 0.82);
  color: #00e5b0;
  border: 1px solid rgba(0, 229, 176, 0.28);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}
.inventory-main .car-card .car-image .badge.reserved {
  background: rgba(255, 184, 0, 0.14);
  color: #ffb800;
}
.inventory-main .car-card .car-image .badge.sold {
  background: rgba(255, 73, 73, 0.14);
  color: #ff5c5c;
}
.inventory-main .car-card .car-image .badge.archived-sold {
  background: rgba(5, 12, 20, 0.88);
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.35);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}
.inventory-main .car-card .car-image .badge.archived-not-sold {
  background: rgba(5, 12, 20, 0.88);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.35);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.45);
}
.inventory-main .car-card .car-image .badge.archived {
  background: rgba(100, 116, 139, 0.22);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
.inventory-main .car-card .car-image .badge.negotiation {
  background: rgba(168, 85, 247, 0.15);
  color: #c084fc;
}
.inventory-main .car-card .car-image .car-placa {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  max-width: calc(100% - 16px);
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(5, 12, 20, 0.82);
  border: 1px solid rgba(0, 229, 176, 0.28);
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  user-select: none;
}
.inventory-main .car-card .car-image .car-placa--vazia {
  color: #94a3b8;
  border-color: rgba(148, 163, 184, 0.35);
  letter-spacing: 0.04em;
}
.inventory-main .car-card .car-content {
  padding: 8px 9px 9px;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-width: 0;
  gap: 0;
}
.inventory-main .car-card h3 {
  font-family: "Outfit", sans-serif;
  font-size: 0.78rem;
  line-height: 1.25;
  margin: 0 0 3px;
  color: #fff;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inventory-main .car-card .subtitle {
  color: #94a3b8;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  margin: 0 0 5px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inventory-main .car-card .details {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-bottom: 5px;
}
.inventory-main .car-card .details span {
  color: #cbd5e1;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 9px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.2;
}
.inventory-main .car-card .details span i {
  color: #00e5b0;
  font-size: 8px;
}
.inventory-main .car-card .price {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  color: #00e5b0;
  margin-bottom: 5px;
  line-height: 1.1;
}
.inventory-main .car-card .meta {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: #64748b;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 8px;
  margin-bottom: 5px;
  flex-wrap: wrap;
  line-height: 1.2;
}
.inventory-main .car-card .meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .car-card .seller {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  min-width: 0;
}
.inventory-main .car-card .seller img,
.inventory-main .car-card .seller .seller-avatar {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.inventory-main .car-card .seller .seller-avatar {
  background: rgba(0, 229, 176, 0.15);
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 8px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inventory-main .car-card .seller span {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  color: #e2e8f0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .car-card .car-card-extras,
.inventory-main .car-card .carro-card-extras {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  min-height: 22px;
  margin-bottom: 6px;
  position: relative;
  z-index: 3;
}
.inventory-main .car-card .carro-card-extras-start {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.inventory-main .car-card .carro-card-indicadores {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.inventory-main .car-card .carro-card-indicador {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  font-size: 9px;
  cursor: help;
}
.inventory-main .car-card .carro-card-indicador--sim {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
}
.inventory-main .car-card .carro-card-indicador--nao {
  background: rgba(255, 92, 92, 0.1);
  color: #ff6b7a;
  opacity: 0.75;
}
.inventory-main .car-card .carro-card-laudo-wrapper {
  position: relative;
  z-index: 1;
}
.inventory-main .car-card .carro-card-laudo-wrapper:hover {
  z-index: 50;
}
.inventory-main .car-card .carro-card-laudo-pill {
  font-size: 8px;
  padding: 2px 6px;
  max-width: 100%;
}
.inventory-main .car-card .carro-card-laudo-pill__text {
  max-width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .car-card .carro-card-laudo-tooltip {
  z-index: 60;
  bottom: calc(100% + 6px);
  background: rgba(5, 12, 20, 0.98);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}
.inventory-main .car-card .carro-card-observacao-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}
.inventory-main .car-card .carro-card-observacao-icon {
  color: #ffb800;
  font-size: 12px;
  cursor: help;
}
.inventory-main .car-card .carro-card-observacao-tooltip {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0;
  left: auto;
  transform: none;
  max-height: min(40vh, 200px);
  overflow-y: auto;
  background: rgba(5, 12, 20, 0.96);
  color: #e2e8f0;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  line-height: 1.4;
  white-space: normal;
  max-width: 200px;
  min-width: 140px;
  word-wrap: break-word;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  z-index: 30;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}
.inventory-main .car-card .carro-card-observacao-wrapper:hover .carro-card-observacao-tooltip {
  opacity: 1;
  visibility: visible;
}
.inventory-main .car-card .actions {
  display: flex;
  gap: 5px;
}
.inventory-main .car-card .actions button {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.03);
  color: #cbd5e1;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0;
}
.inventory-main .car-card .actions button i {
  font-size: 11px;
}
.inventory-main .car-card .actions button:hover {
  background: #00e5b0;
  color: #041018;
}
.inventory-main .car-card .actions--secondary {
  margin-top: auto;
  padding-top: 6px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  gap: 6px;
}
.inventory-main .car-card .actions--secondary button {
  flex: 1;
  min-width: 0;
  height: 30px;
  border-radius: 8px;
}
.inventory-main .car-card .actions--secondary button:hover {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
}
.inventory-main .car-card .actions--secondary .car-card-acao--archive:hover {
  background: rgba(255, 73, 73, 0.12);
  color: #ff5c5c;
}
.inventory-main .car-card .actions--secondary .car-card-acao--unarchive:hover {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
}
.inventory-main .car-card .actions--secondary .car-card-acao--whatsapp:hover {
  background: rgba(37, 211, 102, 0.15);
  color: #25d366;
}
.inventory-main .car-card .car-card-compartilhar {
  margin-top: 6px;
}
.inventory-main .car-card .car-card-compartilhar .car-card-btn-compartilhar {
  width: 100%;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  transition: background 0.2s ease, color 0.2s ease;
}
.inventory-main .car-card .car-card-compartilhar .car-card-btn-compartilhar i {
  font-size: 11px;
}
.inventory-main .car-card .car-card-compartilhar .car-card-btn-compartilhar span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .car-card .car-card-compartilhar .car-card-btn-compartilhar:hover {
  background: rgba(96, 165, 250, 0.22);
}
.inventory-main .car-card .car-card-impulsionar {
  margin-top: 6px;
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar {
  width: 100%;
  height: 30px;
  border: none;
  border-radius: 8px;
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  transition: background 0.2s ease, color 0.2s ease;
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar i {
  font-size: 11px;
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar:hover:not(:disabled) {
  background: rgba(0, 229, 176, 0.22);
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar--pendente {
  background: rgba(255, 184, 0, 0.1);
  color: #e6b84d;
  cursor: default;
}
.inventory-main .car-card .car-card-impulsionar .car-card-btn-impulsionar--ativo {
  background: rgba(0, 229, 176, 0.15);
  color: #00e5b0;
  cursor: default;
}

.inventory-pagination,
.pagination {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.inventory-pagination > span,
.inventory-pagination .pagination-info,
.pagination > span,
.pagination .pagination-info {
  color: #64748b;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
}
.inventory-pagination .pages,
.inventory-pagination .pagination-pages,
.pagination .pages,
.pagination .pagination-pages {
  display: flex;
  gap: 8px;
  align-items: center;
}
.inventory-pagination .pages button,
.inventory-pagination .pagination-pages button,
.inventory-pagination .estoque-paginacao-numero,
.pagination .pages button,
.pagination .pagination-pages button,
.pagination .estoque-paginacao-numero {
  min-width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  cursor: pointer;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  transition: background 0.2s ease, color 0.2s ease;
}
.inventory-pagination .pages button:hover:not(:disabled),
.inventory-pagination .pagination-pages button:hover:not(:disabled),
.inventory-pagination .estoque-paginacao-numero:hover:not(:disabled),
.pagination .pages button:hover:not(:disabled),
.pagination .pagination-pages button:hover:not(:disabled),
.pagination .estoque-paginacao-numero:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.08);
}
.inventory-pagination .pages button.active, .inventory-pagination .pages button.estoque-paginacao-numero--ativo,
.inventory-pagination .pagination-pages button.active,
.inventory-pagination .pagination-pages button.estoque-paginacao-numero--ativo,
.inventory-pagination .estoque-paginacao-numero.active,
.inventory-pagination .estoque-paginacao-numero.estoque-paginacao-numero--ativo,
.pagination .pages button.active,
.pagination .pages button.estoque-paginacao-numero--ativo,
.pagination .pagination-pages button.active,
.pagination .pagination-pages button.estoque-paginacao-numero--ativo,
.pagination .estoque-paginacao-numero.active,
.pagination .estoque-paginacao-numero.estoque-paginacao-numero--ativo {
  background: #00e5b0;
  color: #041018;
  font-weight: 700;
}
.inventory-pagination .pages button:disabled,
.inventory-pagination .pagination-pages button:disabled,
.inventory-pagination .estoque-paginacao-numero:disabled,
.pagination .pages button:disabled,
.pagination .pagination-pages button:disabled,
.pagination .estoque-paginacao-numero:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.inventory-pagination .estoque-paginacao-btn,
.pagination .estoque-paginacao-btn {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
  cursor: pointer;
}
.inventory-pagination .estoque-paginacao-btn:disabled,
.pagination .estoque-paginacao-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.inventory-main .inventory-list.estoque-lista {
  display: none;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  border: none;
  background: transparent;
  overflow: visible;
}
.inventory-main .inventory-list.estoque-lista--visivel {
  display: flex;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-header {
  display: grid;
  grid-template-columns: 0.95fr 2fr 0.65fr 0.85fr 1fr 1.35fr;
  align-items: center;
  gap: 10px;
  padding: 0 14px 8px;
  margin: 0;
  background: transparent;
  border: none;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-row {
  display: grid;
  grid-template-columns: 0.95fr 2fr 0.65fr 0.85fr 1fr 1.35fr;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  margin: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(11, 23, 37, 0.95) 0%, rgba(9, 17, 28, 0.98) 100%);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #cbd5e1;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-row:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-row:hover {
  border-color: rgba(0, 229, 176, 0.22);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  background: linear-gradient(180deg, rgba(11, 28, 42, 0.98) 0%, rgb(9, 20, 32) 100%);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-row.estoque-lista-row--selecionado, .inventory-main .inventory-list.estoque-lista .estoque-lista-row.car-card--impulsionado-destaque, .inventory-main .inventory-list.estoque-lista .estoque-lista-row.carro-card--impulsionado-destaque {
  border-color: rgba(0, 224, 164, 0.4);
  box-shadow: 0 0 0 1px rgba(0, 224, 164, 0.15);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-cell {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-cell--veiculo {
  white-space: normal;
  overflow: visible;
  display: flex;
  align-items: center;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-veiculo-linha {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  width: 100%;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-thumb {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 42px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(0, 0, 0, 0.28);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-row--arquivado .estoque-lista-thumb img {
  filter: saturate(0.72);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-veiculo-stack {
  flex: 1;
  min-width: 0;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-veiculo-nome {
  color: #e2e8f0;
  font-weight: 600;
  font-size: 13px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-laudo-pill {
  border-radius: 6px;
  font-size: 10px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-laudo-pill--aprovado {
  background: rgba(0, 229, 176, 0.12);
  color: #00e5b0;
  border-color: rgba(0, 229, 176, 0.28);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-laudo-pill--reprovado {
  background: rgba(255, 92, 92, 0.12);
  color: #ff6b7a;
  border-color: rgba(255, 92, 92, 0.28);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-laudo-pill--apontamento {
  background: rgba(255, 184, 0, 0.12);
  color: #ffb800;
  border-color: rgba(255, 184, 0, 0.28);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-laudo-pill--default {
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  border-color: rgba(255, 255, 255, 0.1);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-cell--valor {
  color: #00e5b0;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 14px;
  white-space: normal;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-valor-linha {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-valor-texto {
  white-space: nowrap;
  line-height: 1.2;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-acoes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-acao {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  font-size: 12px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-acao:hover {
  background: rgba(0, 229, 176, 0.1);
  border-color: rgba(0, 229, 176, 0.35);
  color: #00e5b0;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-impulsionar {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: #cbd5e1;
  font-size: 11px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-impulsionar:hover {
  background: rgba(0, 229, 176, 0.1);
  border-color: rgba(0, 229, 176, 0.35);
  color: #00e5b0;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-impulsionar .estoque-lista-btn-impulsionar__icone {
  color: #00e5b0;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-compartilhar {
  border-radius: 10px;
  border: 1px solid rgba(96, 165, 250, 0.25);
  background: rgba(96, 165, 250, 0.1);
  color: #93c5fd;
  font-size: 11px;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-compartilhar:hover {
  background: rgba(96, 165, 250, 0.18);
  border-color: rgba(96, 165, 250, 0.4);
  color: #bfdbfe;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-btn-compartilhar .estoque-lista-btn-compartilhar__icone {
  color: #60a5fa;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-impulsionado-badge {
  border-radius: 10px;
  border: 1px solid rgba(0, 229, 176, 0.25);
  background: rgba(0, 229, 176, 0.08);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-impulsionado-badge .estoque-lista-impulsionado-badge__titulo {
  color: #00e5b0;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-impulsionado-badge .estoque-lista-impulsionado-badge__meta {
  color: #94a3b8;
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-impulsionado-badge--pendente {
  border-color: rgba(255, 184, 0, 0.3);
  background: rgba(255, 184, 0, 0.08);
}
.inventory-main .inventory-list.estoque-lista .estoque-lista-impulsionado-badge--pendente .estoque-lista-impulsionado-badge__titulo {
  color: #ffb800;
}
.inventory-main .inventory-list.estoque-lista .carro-card-status {
  font-size: 11px;
}
.inventory-main .inventory-list.estoque-lista .carro-card-status--vendido {
  background: rgba(5, 12, 20, 0.88);
  color: #4ade80;
  border: 1px solid rgba(74, 222, 128, 0.35);
}
.inventory-main .inventory-list.estoque-lista .carro-card-status--nao-vendido {
  background: rgba(5, 12, 20, 0.88);
  color: #cbd5e1;
  border: 1px solid rgba(148, 163, 184, 0.35);
}
.inventory-main .inventory-list.estoque-lista .car-card--arquivado .car-image img {
  filter: saturate(0.72);
}

.inventory-main .estoque-lista-indicadores {
  width: 100%;
}
.inventory-main .estoque-lista-indicadores .car-card-extras,
.inventory-main .estoque-lista-indicadores .carro-card-extras {
  margin-bottom: 0;
  min-height: 20px;
}
.inventory-main .estoque-lista-indicadores .carro-card-observacao-wrapper {
  margin-left: 0;
}

.inventory-filtros-legacy {
  display: none !important;
}

@media (max-width: 1100px) {
  .inventory-main .cars-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 1200px) {
  .inventory-content {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .alerts-sidebar-anchor {
    width: 100%;
  }
  .alerts-sidebar {
    position: relative;
    top: 0;
    left: 0;
    max-height: none;
    overflow: visible;
  }
  .alerts-sidebar.is-stuck,
  .alerts-sidebar.is-stuck-bottom {
    position: relative;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
  }
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .inventory-page--arquivados .stats-grid {
    grid-template-columns: minmax(0, 220px);
    max-width: none;
  }
  .inventory-filters-bar .inventory-filters-row--search {
    grid-template-columns: 1fr 1fr;
  }
  .inventory-filters-row--controls {
    grid-template-columns: 1fr 1fr;
  }
  .inventory-filters-actions {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-header,
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row {
    grid-template-columns: 0.8fr 1.6fr 0.55fr 0.65fr 0.85fr minmax(180px, 1.35fr);
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-cell--valor {
    overflow: visible;
    white-space: normal;
  }
  .inventory-main .cars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .inventory-main .car-card .car-image {
    min-height: 120px;
  }
}
@media (max-width: 768px) {
  .inventory-page {
    padding: 16px;
  }
  .stats-grid,
  .inventory-filters-bar {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .inventory-filters-bar .inventory-filters-row--search,
  .inventory-filters-row--controls,
  .inventory-main .cars-grid {
    grid-template-columns: 1fr;
  }
  .inventory-filters-expand {
    align-self: flex-end;
    margin-left: auto;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-header {
    display: none;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    row-gap: 8px;
    padding: 12px;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(1) {
    grid-column: 1/2;
    font-weight: 600;
    color: #94a3b8;
    font-size: 11px;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(2) {
    grid-column: 1/-1;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(3) {
    grid-column: 1/2;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(4) {
    display: none;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(5) {
    grid-column: 2/3;
    justify-content: flex-end;
  }
  .inventory-main .inventory-list.estoque-lista .estoque-lista-row .estoque-lista-cell:nth-child(6) {
    grid-column: 1/-1;
    overflow: visible;
    white-space: normal;
  }
  .inventory-main .car-card .car-image {
    aspect-ratio: 16/10;
    min-height: 160px;
  }
  .inventory-page-head-bar {
    flex-direction: row;
    align-items: center;
  }
  .inventory-page-head-bar .inventory-head-cta {
    margin-left: auto;
  }
  .inventory-page-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .inventory-page-topbar .inventory-btn-novo {
    align-self: flex-end;
  }
  .pagination,
  .inventory-pagination {
    flex-direction: column;
    align-items: flex-start;
  }
}
.inventory-page--cadastro .inventory-page-head,
.estoque-edit-container.inventory-edit-modal .inventory-page-head {
  margin-bottom: 14px;
}
.inventory-page--cadastro .inventory-cadastro-body,
.estoque-edit-container.inventory-edit-modal .inventory-cadastro-body {
  min-width: 0;
}
.inventory-page--cadastro .cadastro-view,
.estoque-edit-container.inventory-edit-modal .cadastro-view {
  width: 100%;
}
.inventory-page--cadastro .prompts-container,
.estoque-edit-container.inventory-edit-modal .prompts-container {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0;
  background: rgba(7, 18, 33, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  box-shadow: none;
  overflow: visible;
}
.inventory-page--cadastro .prompts-robot,
.estoque-edit-container.inventory-edit-modal .prompts-robot {
  padding: 20px 18px;
  background: rgba(2, 8, 23, 0.55);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}
.inventory-page--cadastro .prompts-robot > .carro-doc-info > i.fa-file-alt,
.estoque-edit-container.inventory-edit-modal .prompts-robot > .carro-doc-info > i.fa-file-alt {
  font-size: 2rem;
  color: #38d39f;
  opacity: 1;
}
.inventory-page--cadastro .prompts-content,
.estoque-edit-container.inventory-edit-modal .prompts-content {
  padding: 20px 22px 22px;
  background: transparent;
}
.inventory-page--cadastro .prompts-tabs-wrap,
.estoque-edit-container.inventory-edit-modal .prompts-tabs-wrap {
  min-width: 0;
  margin: 0 0 20px;
  padding-top: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.inventory-page--cadastro .inventory-edit-modal .prompts-tabs-wrap,
.estoque-edit-container.inventory-edit-modal .inventory-edit-modal .prompts-tabs-wrap {
  padding-top: 14px;
}
.inventory-page--cadastro .prompts-tabs,
.estoque-edit-container.inventory-edit-modal .prompts-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 2px 0;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  overflow: visible;
  min-height: 44px;
}
.inventory-page--cadastro .prompts-tab,
.estoque-edit-container.inventory-edit-modal .prompts-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 72px;
  max-width: 140px;
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding: 0 8px;
  margin: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: #64748b;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease;
}
.inventory-page--cadastro .prompts-tab::after,
.estoque-edit-container.inventory-edit-modal .prompts-tab::after {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: -1px;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: transparent;
  transition: background 0.22s ease, box-shadow 0.22s ease;
}
.inventory-page--cadastro .prompts-tab:hover:not(.prompts-tab--active),
.estoque-edit-container.inventory-edit-modal .prompts-tab:hover:not(.prompts-tab--active) {
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.03);
}
.inventory-page--cadastro .prompts-tab--active,
.estoque-edit-container.inventory-edit-modal .prompts-tab--active {
  color: #f8fafc;
  font-weight: 600;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.inventory-page--cadastro .prompts-tab--active::after,
.estoque-edit-container.inventory-edit-modal .prompts-tab--active::after {
  background: linear-gradient(90deg, #00e5b0 0%, #38d39f 100%);
  box-shadow: 0 0 10px rgba(0, 229, 176, 0.35);
}
@media screen and (min-width: 900px) {
  .inventory-page--cadastro .prompts-tab,
  .estoque-edit-container.inventory-edit-modal .prompts-tab {
    font-size: 13px;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 640px) {
  .inventory-page--cadastro .prompts-tab,
  .estoque-edit-container.inventory-edit-modal .prompts-tab {
    flex: 1 1 calc(33.333% - 2px);
    min-width: 0;
    max-width: none;
    font-size: 11px;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    padding: 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 400px) {
  .inventory-page--cadastro .prompts-tab,
  .estoque-edit-container.inventory-edit-modal .prompts-tab {
    flex: 1 1 calc(50% - 2px);
  }
}
.inventory-page--cadastro .prompts-pane,
.estoque-edit-container.inventory-edit-modal .prompts-pane {
  padding-top: 16px;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  box-sizing: border-box;
}
.inventory-page--cadastro .prompts-pane:not(.prompts-pane--active),
.estoque-edit-container.inventory-edit-modal .prompts-pane:not(.prompts-pane--active) {
  display: none !important;
}
.inventory-page--cadastro .prompts-pane--active,
.estoque-edit-container.inventory-edit-modal .prompts-pane--active {
  display: flex;
  flex-direction: column;
}
.inventory-page--cadastro .prompts-pane-hint,
.estoque-edit-container.inventory-edit-modal .prompts-pane-hint {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-secao-titulo,
.estoque-edit-container.inventory-edit-modal .carro-secao-titulo {
  color: #e2e8f0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  font-size: 0.92rem;
}
.inventory-page--cadastro .carro-secao-titulo i,
.estoque-edit-container.inventory-edit-modal .carro-secao-titulo i {
  color: #38d39f;
}
.inventory-page--cadastro .cadastro-campo,
.estoque-edit-container.inventory-edit-modal .cadastro-campo {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.inventory-page--cadastro .cadastro-campo label,
.estoque-edit-container.inventory-edit-modal .cadastro-campo label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #94a3b8;
  margin: 0;
}
.inventory-page--cadastro .cadastro-campo input:not([type=checkbox]):not([type=radio]),
.inventory-page--cadastro .cadastro-campo select,
.inventory-page--cadastro .cadastro-campo textarea,
.estoque-edit-container.inventory-edit-modal .cadastro-campo input:not([type=checkbox]):not([type=radio]),
.estoque-edit-container.inventory-edit-modal .cadastro-campo select,
.estoque-edit-container.inventory-edit-modal .cadastro-campo textarea {
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  color: #fff;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.inventory-page--cadastro .cadastro-campo input:not([type=checkbox]):not([type=radio])::placeholder,
.inventory-page--cadastro .cadastro-campo select::placeholder,
.inventory-page--cadastro .cadastro-campo textarea::placeholder,
.estoque-edit-container.inventory-edit-modal .cadastro-campo input:not([type=checkbox]):not([type=radio])::placeholder,
.estoque-edit-container.inventory-edit-modal .cadastro-campo select::placeholder,
.estoque-edit-container.inventory-edit-modal .cadastro-campo textarea::placeholder {
  color: #64748b;
}
.inventory-page--cadastro .cadastro-campo input:not([type=checkbox]):not([type=radio]):focus,
.inventory-page--cadastro .cadastro-campo select:focus,
.inventory-page--cadastro .cadastro-campo textarea:focus,
.estoque-edit-container.inventory-edit-modal .cadastro-campo input:not([type=checkbox]):not([type=radio]):focus,
.estoque-edit-container.inventory-edit-modal .cadastro-campo select:focus,
.estoque-edit-container.inventory-edit-modal .cadastro-campo textarea:focus {
  border-color: rgba(0, 229, 176, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.12);
}
.inventory-page--cadastro .cadastro-campo input:not([type=checkbox]):not([type=radio]),
.inventory-page--cadastro .cadastro-campo select,
.estoque-edit-container.inventory-edit-modal .cadastro-campo input:not([type=checkbox]):not([type=radio]),
.estoque-edit-container.inventory-edit-modal .cadastro-campo select {
  height: 38px;
  min-height: 38px;
}
.inventory-page--cadastro .cadastro-campo textarea,
.estoque-edit-container.inventory-edit-modal .cadastro-campo textarea {
  min-height: 96px;
  padding: 10px 12px;
  resize: vertical;
}
.inventory-page--cadastro .cadastro-campo:has(.uaal-select--open),
.estoque-edit-container.inventory-edit-modal .cadastro-campo:has(.uaal-select--open) {
  z-index: 40;
  position: relative;
}
.inventory-page--cadastro .uaal-select__trigger,
.estoque-edit-container.inventory-edit-modal .uaal-select__trigger {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.inventory-page--cadastro .uaal-select__trigger--placeholder,
.estoque-edit-container.inventory-edit-modal .uaal-select__trigger--placeholder {
  color: #64748b;
}
.inventory-page--cadastro .uaal-select__list,
.estoque-edit-container.inventory-edit-modal .uaal-select__list {
  background: #0b1725;
  border-color: rgba(255, 255, 255, 0.1);
}

body.dash-page--cadastro-carros .carro-opc-ia-btn {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}
.inventory-page--cadastro .cadastro-campo select option,
.estoque-edit-container.inventory-edit-modal .cadastro-campo select option {
  background: #0b1725;
  color: #fff;
}
.inventory-page--cadastro .cadastro-toggle,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.inventory-page--cadastro .cadastro-toggle:hover,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle:hover {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.06);
}
.inventory-page--cadastro .cadastro-toggle input[type=checkbox],
.estoque-edit-container.inventory-edit-modal .cadastro-toggle input[type=checkbox] {
  display: none;
}
.inventory-page--cadastro .cadastro-toggle-slider,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle-slider {
  width: 38px;
  height: 22px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 11px;
}
.inventory-page--cadastro .cadastro-toggle-slider::after,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle-slider::after {
  background: #cbd5e1;
}
.inventory-page--cadastro .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider {
  background: rgba(0, 229, 176, 0.45);
}
.inventory-page--cadastro .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider::after,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle input[type=checkbox]:checked + .cadastro-toggle-slider::after {
  background: #00e5b0;
}
.inventory-page--cadastro .cadastro-toggle-label,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle-label {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #cbd5e1;
}
.inventory-page--cadastro .cadastro-toggle input[type=checkbox]:checked ~ .cadastro-toggle-label,
.estoque-edit-container.inventory-edit-modal .cadastro-toggle input[type=checkbox]:checked ~ .cadastro-toggle-label {
  color: #00e5b0;
}
.inventory-page--cadastro .cadastro-permissoes-grid,
.estoque-edit-container.inventory-edit-modal .cadastro-permissoes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}
.inventory-page--cadastro .prompts-msg--erro,
.estoque-edit-container.inventory-edit-modal .prompts-msg--erro {
  color: #ff8a8a;
}
.inventory-page--cadastro .prompts-msg--sucesso,
.estoque-edit-container.inventory-edit-modal .prompts-msg--sucesso {
  color: #38d39f;
}
.inventory-page--cadastro .cadastro-msg-erro,
.estoque-edit-container.inventory-edit-modal .cadastro-msg-erro {
  color: #ff8a8a;
  font-size: 11px;
}
.inventory-page--cadastro .cadastro-msg-sucesso,
.estoque-edit-container.inventory-edit-modal .cadastro-msg-sucesso {
  color: #38d39f;
}
.inventory-page--cadastro .carro-doc-titulo,
.estoque-edit-container.inventory-edit-modal .carro-doc-titulo {
  color: #e2e8f0;
  font-size: 1rem;
}
.inventory-page--cadastro .carro-doc-texto,
.estoque-edit-container.inventory-edit-modal .carro-doc-texto {
  color: #94a3b8;
  font-size: 0.82rem;
}
.inventory-page--cadastro .carro-doc-drop,
.estoque-edit-container.inventory-edit-modal .carro-doc-drop {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
}
.inventory-page--cadastro .carro-doc-drop p,
.estoque-edit-container.inventory-edit-modal .carro-doc-drop p {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-doc-drop span,
.estoque-edit-container.inventory-edit-modal .carro-doc-drop span {
  color: #64748b;
}
.inventory-page--cadastro .carro-doc-btn-select,
.inventory-page--cadastro .carro-upload-btn-select,
.estoque-edit-container.inventory-edit-modal .carro-doc-btn-select,
.estoque-edit-container.inventory-edit-modal .carro-upload-btn-select {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
  color: #cbd5e1;
}
.inventory-page--cadastro .carro-doc-btn-select:hover,
.inventory-page--cadastro .carro-upload-btn-select:hover,
.estoque-edit-container.inventory-edit-modal .carro-doc-btn-select:hover,
.estoque-edit-container.inventory-edit-modal .carro-upload-btn-select:hover {
  background: rgba(0, 229, 176, 0.08);
  border-color: rgba(0, 229, 176, 0.4);
  color: #00e5b0;
}
.inventory-page--cadastro .carro-doc-pdf-regra,
.estoque-edit-container.inventory-edit-modal .carro-doc-pdf-regra {
  color: #cbd5e1;
  background: rgba(0, 229, 176, 0.08);
  border-color: rgba(0, 229, 176, 0.25);
}
.inventory-page--cadastro .carro-docs-cadastro-bloco,
.estoque-edit-container.inventory-edit-modal .carro-docs-cadastro-bloco {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.inventory-page--cadastro .carro-doc-cadastro-card,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-card {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.inventory-page--cadastro .carro-doc-cadastro-card__head,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-card__head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.inventory-page--cadastro .carro-doc-cadastro-card__titulo,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-card__titulo {
  color: #e2e8f0;
}
.inventory-page--cadastro .carro-doc-cadastro-card__btn-remover,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-card__btn-remover {
  color: #ff8a8a;
  border-color: rgba(255, 138, 138, 0.35);
  background: rgba(255, 138, 138, 0.08);
}
.inventory-page--cadastro .carro-doc-cadastro-card__btn-remover:hover,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-card__btn-remover:hover {
  background: rgba(255, 138, 138, 0.16);
}
.inventory-page--cadastro .carro-doc-cadastro-toolbar__arquivo,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-toolbar__arquivo {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-doc-cadastro-toolbar__btn,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-toolbar__btn {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
  color: #cbd5e1;
}
.inventory-page--cadastro .carro-doc-cadastro-toolbar__btn--prim,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-toolbar__btn--prim {
  border-color: rgba(0, 229, 176, 0.35);
  background: rgba(0, 229, 176, 0.1);
  color: #00e5b0;
}
.inventory-page--cadastro .carro-doc-cadastro-toolbar__btn--sec:hover,
.estoque-edit-container.inventory-edit-modal .carro-doc-cadastro-toolbar__btn--sec:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
}
.inventory-page--cadastro .carro-doc-preview,
.estoque-edit-container.inventory-edit-modal .carro-doc-preview {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}
.inventory-page--cadastro .carro-doc-preview span,
.estoque-edit-container.inventory-edit-modal .carro-doc-preview span {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-upload-card,
.estoque-edit-container.inventory-edit-modal .carro-upload-card {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
}
.inventory-page--cadastro .carro-upload-card-titulo,
.estoque-edit-container.inventory-edit-modal .carro-upload-card-titulo {
  color: #e2e8f0;
}
.inventory-page--cadastro .carro-upload-card-desc,
.inventory-page--cadastro .carro-upload-status,
.estoque-edit-container.inventory-edit-modal .carro-upload-card-desc,
.estoque-edit-container.inventory-edit-modal .carro-upload-status {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-upload-chip,
.estoque-edit-container.inventory-edit-modal .carro-upload-chip {
  border-color: rgba(0, 229, 176, 0.25);
  background: rgba(0, 229, 176, 0.08);
  color: #38d39f;
}
.inventory-page--cadastro .carro-upload-area,
.estoque-edit-container.inventory-edit-modal .carro-upload-area {
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.02);
}
.inventory-page--cadastro .carro-upload-area i,
.estoque-edit-container.inventory-edit-modal .carro-upload-area i {
  color: #64748b;
}
.inventory-page--cadastro .carro-upload-area p,
.estoque-edit-container.inventory-edit-modal .carro-upload-area p {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-upload-area span,
.estoque-edit-container.inventory-edit-modal .carro-upload-area span {
  color: #64748b;
}
.inventory-page--cadastro .carro-upload-area--hover,
.estoque-edit-container.inventory-edit-modal .carro-upload-area--hover {
  border-color: rgba(0, 229, 176, 0.45);
  background: rgba(0, 229, 176, 0.08);
}
.inventory-page--cadastro .carro-upload-area--success,
.estoque-edit-container.inventory-edit-modal .carro-upload-area--success {
  border-color: #38d39f;
  background: rgba(0, 229, 176, 0.1);
}
.inventory-page--cadastro .carro-upload-area--error,
.estoque-edit-container.inventory-edit-modal .carro-upload-area--error {
  border-color: rgba(255, 138, 138, 0.55);
}
.inventory-page--cadastro .carro-img-preview-item,
.estoque-edit-container.inventory-edit-modal .carro-img-preview-item {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}
.inventory-page--cadastro .carro-img-preview-item--principal,
.estoque-edit-container.inventory-edit-modal .carro-img-preview-item--principal {
  border-color: #38d39f;
  box-shadow: 0 8px 18px rgba(0, 229, 176, 0.16);
}
.inventory-page--cadastro .carro-img-preview-acao,
.estoque-edit-container.inventory-edit-modal .carro-img-preview-acao {
  background: rgba(7, 18, 33, 0.88);
  border-color: rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
}
.inventory-page--cadastro .carro-img-preview-acao--principal,
.estoque-edit-container.inventory-edit-modal .carro-img-preview-acao--principal {
  background: rgba(0, 229, 176, 0.85);
  color: #020817;
}
.inventory-page--cadastro .carro-img-preview-acao--remover,
.estoque-edit-container.inventory-edit-modal .carro-img-preview-acao--remover {
  background: rgba(255, 138, 138, 0.85);
  color: #fff;
}
.inventory-page--cadastro .carro-upload-success-title,
.estoque-edit-container.inventory-edit-modal .carro-upload-success-title {
  color: #e2e8f0;
}
.inventory-page--cadastro .carro-upload-success-sub,
.estoque-edit-container.inventory-edit-modal .carro-upload-success-sub {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-fipe-ref-valor,
.estoque-edit-container.inventory-edit-modal .carro-fipe-ref-valor {
  display: flex;
  align-items: center;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
}
.inventory-page--cadastro .carro-fipe-ref-aviso,
.estoque-edit-container.inventory-edit-modal .carro-fipe-ref-aviso {
  color: #94a3b8;
}
.inventory-page--cadastro .carro-form-footer,
.estoque-edit-container.inventory-edit-modal .carro-form-footer {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.inventory-page--cadastro .prompts-btn-submit,
.estoque-edit-container.inventory-edit-modal .prompts-btn-submit {
  margin-top: 0;
  padding: 11px 20px;
  border-radius: 12px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  background: linear-gradient(135deg, #00e5b0 0%, #00a884 100%);
  color: #020817;
  box-shadow: 0 4px 14px rgba(0, 229, 176, 0.2);
}
.inventory-page--cadastro .prompts-btn-submit:hover,
.estoque-edit-container.inventory-edit-modal .prompts-btn-submit:hover {
  opacity: 0.95;
  transform: translateY(-1px);
}
.inventory-page--cadastro .prompts-btn-submit.carro-btn-prev,
.estoque-edit-container.inventory-edit-modal .prompts-btn-submit.carro-btn-prev {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #cbd5e1;
  box-shadow: none;
}
.inventory-page--cadastro .prompts-btn-submit.carro-btn-prev:hover,
.estoque-edit-container.inventory-edit-modal .prompts-btn-submit.carro-btn-prev:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
}

body.dash-page--inventory .cadastro-fipe-modal__backdrop {
  background: rgba(2, 8, 23, 0.75);
  backdrop-filter: blur(8px);
}
body.dash-page--inventory .cadastro-fipe-modal__panel {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5);
}
body.dash-page--inventory .cadastro-fipe-modal__titulo {
  color: #fff;
  font-family: "Outfit", sans-serif;
}
body.dash-page--inventory .cadastro-fipe-modal__texto {
  color: #94a3b8;
}
body.dash-page--inventory .cadastro-fipe-modal .cadastro-campo label {
  color: #94a3b8;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-input {
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.03);
  color: #e2e8f0;
  font-size: 0.95rem;
  padding: 12px 14px;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-input:focus {
  border-color: rgba(0, 229, 176, 0.45);
  box-shadow: 0 0 0 2px rgba(0, 229, 176, 0.12);
  color: #fff;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-input:disabled {
  opacity: 0.55;
  color: #94a3b8;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-list {
  background: #0b1725;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4);
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-item {
  color: #cbd5e1;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-item:hover, body.dash-page--inventory .cadastro-fipe-modal .fipe-test__combo-item--ativo {
  background: rgba(0, 229, 176, 0.1);
  color: #00e5b0;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__progress {
  color: #94a3b8;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__btn {
  border-radius: 12px;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__btn--ghost {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: transparent;
  color: #cbd5e1;
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__btn--ghost:hover {
  background: rgba(255, 255, 255, 0.04);
}
body.dash-page--inventory .cadastro-fipe-modal .fipe-test__btn:not(.fipe-test__btn--ghost) {
  background: linear-gradient(135deg, #00e5b0 0%, #00a884 100%);
  color: #020817;
  border: none;
}

@media (max-width: 900px) {
  .inventory-page--cadastro .prompts-container {
    grid-template-columns: 1fr;
  }
  .inventory-page--cadastro .prompts-robot {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  }
  .inventory-page--cadastro .inventory-page-topbar {
    flex-direction: column;
    align-items: stretch;
  }
  .inventory-page--cadastro .inventory-page-topbar .inventory-btn-voltar {
    align-self: flex-end;
  }
}
body.dash-page--impulsionados,
body.dash-page--impulsionamento-retorno,
body.dash-page--impulsionamentos-fabricante,
body.dash-page--fabricante-empresas {
  background: #040d18;
  overflow-x: clip;
}
body.dash-page--impulsionados .dash-layout,
body.dash-page--impulsionados .dash-main,
body.dash-page--impulsionados .impulsionadosDash,
body.dash-page--impulsionamento-retorno .dash-layout,
body.dash-page--impulsionamento-retorno .dash-main,
body.dash-page--impulsionamento-retorno .impulsionadosDash,
body.dash-page--impulsionamentos-fabricante .dash-layout,
body.dash-page--impulsionamentos-fabricante .dash-main,
body.dash-page--impulsionamentos-fabricante .impulsionadosDash,
body.dash-page--fabricante-empresas .dash-layout,
body.dash-page--fabricante-empresas .dash-main,
body.dash-page--fabricante-empresas .impulsionadosDash {
  overflow: visible;
}
body.dash-page--impulsionados .dash-main,
body.dash-page--impulsionamento-retorno .dash-main,
body.dash-page--impulsionamentos-fabricante .dash-main,
body.dash-page--fabricante-empresas .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #040d18;
}

body.dash-page--fabricante-empresas .cadastro-modal-overlay {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--fabricante-empresas .fab-emp-edit-modal {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  max-width: 720px;
  width: min(720px, calc(100vw - 32px));
  max-height: min(92vh, 900px);
  display: flex;
  flex-direction: column;
}
body.dash-page--fabricante-empresas .fab-emp-edit-modal .cadastro-modal-body {
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: none;
}
body.dash-page--fabricante-empresas .cadastro-modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--fabricante-empresas .cadastro-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
}
body.dash-page--fabricante-empresas .cadastro-modal-desc,
body.dash-page--fabricante-empresas .fab-emp-edit-form .cadastro-campo > label,
body.dash-page--fabricante-empresas .fab-emp-edit-campo-label {
  color: #94a3b8;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 0.82rem;
}
body.dash-page--fabricante-empresas .fab-emp-edit-campo-label {
  display: block;
  margin-bottom: 8px;
}
body.dash-page--fabricante-empresas .cadastro-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dash-page--fabricante-empresas .cadastro-modal-close:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--fabricante-empresas .fab-emp-edit-form .cadastro-input,
body.dash-page--fabricante-empresas .fab-emp-edit-form select,
body.dash-page--fabricante-empresas .fab-emp-edit-form textarea {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
  border-radius: 10px;
  border-width: 1px;
  padding: 11px 14px;
  font-size: 0.9rem;
  min-height: 44px;
  box-sizing: border-box;
  width: 100%;
}
body.dash-page--fabricante-empresas .fab-emp-edit-form textarea {
  min-height: 88px;
  resize: vertical;
}
body.dash-page--fabricante-empresas .fab-emp-edit-form .cadastro-input::placeholder,
body.dash-page--fabricante-empresas .fab-emp-edit-form select::placeholder,
body.dash-page--fabricante-empresas .fab-emp-edit-form textarea::placeholder {
  color: #64748b;
}
body.dash-page--fabricante-empresas .fab-emp-edit-form .cadastro-input:focus,
body.dash-page--fabricante-empresas .fab-emp-edit-form select:focus,
body.dash-page--fabricante-empresas .fab-emp-edit-form textarea:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.12);
}
body.dash-page--fabricante-empresas .fab-emp-edit-form input[readonly] {
  opacity: 0.85;
  cursor: default;
}
body.dash-page--fabricante-empresas .fab-emp-edit-secao {
  grid-column: 1 / -1;
  margin: 8px 0 0;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-family: "Outfit", sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.dash-page--fabricante-empresas .fab-emp-edit-secao:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
body.dash-page--fabricante-empresas .fab-emp-edit-secao i {
  color: #38d39f;
  font-size: 0.85rem;
}
body.dash-page--fabricante-empresas .fab-emp-meta-conta-opcoes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.dash-page--fabricante-empresas .fab-emp-meta-conta-opcao {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
  font-size: 13px;
  color: #d6e3f1;
  transition: border-color 0.2s ease, background 0.2s ease;
}
body.dash-page--fabricante-empresas .fab-emp-meta-conta-opcao input[type=radio] {
  accent-color: #24f2c0;
  margin: 0;
}
body.dash-page--fabricante-empresas .fab-emp-meta-conta-opcao:has(input:checked) {
  border-color: rgba(36, 242, 192, 0.45);
  background: rgba(36, 242, 192, 0.06);
}
body.dash-page--fabricante-empresas .fab-emp-meta-conta-opcao:hover {
  border-color: rgba(36, 242, 192, 0.25);
}
body.dash-page--fabricante-empresas .fab-emp-edit-ajuda {
  margin: 6px 0 0;
  font-size: 0.72rem;
  line-height: 1.35;
  color: #94a3b8;
}
body.dash-page--fabricante-empresas .cadastro-modal-actions {
  border-top-color: rgba(255, 255, 255, 0.08);
  padding-top: 16px;
  margin-top: 8px;
}
body.dash-page--fabricante-empresas .cadastro-modal-cancel {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--fabricante-empresas .cadastro-modal-cancel:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--fabricante-empresas .cadastro-modal-cancel {
  border-radius: 10px;
  padding: 10px 18px;
  border-width: 1px;
}
body.dash-page--fabricante-empresas .cadastro-btn-submit {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--fabricante-empresas .cadastro-btn-submit:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--fabricante-empresas .cadastro-btn-submit {
  border-radius: 10px;
  padding: 10px 18px;
  margin: 0;
  max-width: none;
  width: auto;
  background: rgba(56, 211, 159, 0.14);
  background-image: none;
  color: #38d39f;
  font-size: 0.9rem;
}
body.dash-page--fabricante-empresas .cadastro-btn-submit:hover {
  background: rgba(56, 211, 159, 0.22);
  background-image: none;
  background-position: initial;
}

.impulsionadosDash {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: min(100%, 1440px);
  margin: 0 auto;
  padding: 16px 20px 24px;
  background: #040d18;
  font-family: "Inter", "Poppins", sans-serif;
  color: #fff;
  box-sizing: border-box;
}
.impulsionadosDash *,
.impulsionadosDash *::before,
.impulsionadosDash *::after {
  box-sizing: border-box;
}
.impulsionadosDash .inventory-page-head {
  margin-bottom: 0;
}
.impulsionadosDash .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.impulsionadosDash .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.impulsionadosDash .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.impulsionadosDash .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.impulsionadosDash .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.impulsionadosDash .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.impulsionadosDash .crmConfigTopbarSub {
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.impulsionadosDash .crmConfigTopbarSub strong {
  color: #94a3b8;
  font-weight: 600;
}
.impulsionadosDash .cadastro-msg-erro,
.impulsionadosDash .cadastro-msg-sucesso,
.impulsionadosDash .prompts-msg {
  margin: 10px 0 0;
  font-size: 0.8rem;
}
.impulsionadosDash__aviso {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(251, 191, 36, 0.22);
  background: rgba(251, 191, 36, 0.08);
  font-size: 0.78rem;
  line-height: 1.45;
  color: #cbd5e1;
}
.impulsionadosDash__aviso i {
  flex-shrink: 0;
  margin-top: 2px;
  color: #fbbf24;
  font-size: 0.82rem;
}
.impulsionadosDash__aviso strong {
  color: #fde68a;
  font-weight: 600;
}
.impulsionadosDash__panel {
  margin-top: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(7, 18, 33, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  overflow: visible;
}
.impulsionadosDash__panelTitle {
  margin: 0 0 14px;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.impulsionadosDash__panelTitle i {
  color: #64748b;
  font-size: 0.8rem;
}
.impulsionadosDash__empty,
.impulsionadosDash .lembrete-lista-vazia {
  margin: 0;
  padding: 20px 12px;
  text-align: center;
  font-size: 0.82rem;
  color: #7f8ea3;
  line-height: 1.45;
}
.impulsionadosDash .impulsionados-tabela-wrap {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
.impulsionadosDash .impulsionados-tabela {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.72rem;
}
.impulsionadosDash .impulsionados-tabela thead {
  background: rgba(255, 255, 255, 0.02);
}
.impulsionadosDash .impulsionados-tabela thead th {
  text-align: left;
  padding: 6px 8px;
  font-size: 9px;
  font-weight: 500;
  color: #94a3b8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  white-space: normal;
  vertical-align: bottom;
  line-height: 1.2;
  word-break: break-word;
}
.impulsionadosDash .impulsionados-tabela tbody td {
  padding: 7px 8px;
  font-size: 10px;
  color: #cbd5e1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
  line-height: 1.3;
  overflow: hidden;
}
.impulsionadosDash .impulsionados-tabela tbody tr:last-child td {
  border-bottom: none;
}
.impulsionadosDash .impulsionados-tabela tbody tr:hover td {
  background: rgba(255, 255, 255, 0.02);
}
.impulsionadosDash .impulsionados-tabela th:nth-child(1),
.impulsionadosDash .impulsionados-tabela td:nth-child(1) {
  width: 17%;
}
.impulsionadosDash .impulsionados-tabela th:nth-child(2),
.impulsionadosDash .impulsionados-tabela td:nth-child(2),
.impulsionadosDash .impulsionados-tabela th:nth-child(3),
.impulsionadosDash .impulsionados-tabela td:nth-child(3),
.impulsionadosDash .impulsionados-tabela th:nth-child(4),
.impulsionadosDash .impulsionados-tabela td:nth-child(4) {
  width: 9%;
}
.impulsionadosDash .impulsionados-tabela th:nth-child(5),
.impulsionadosDash .impulsionados-tabela td:nth-child(5) {
  width: 12%;
}
.impulsionadosDash .impulsionados-tabela th:nth-child(6),
.impulsionadosDash .impulsionados-tabela td:nth-child(6) {
  width: 8%;
}
.impulsionadosDash .impulsionados-tabela th:nth-child(7),
.impulsionadosDash .impulsionados-tabela td:nth-child(7) {
  width: 26%;
}
.impulsionadosDash .impulsionados-tabela th:last-child,
.impulsionadosDash .impulsionados-tabela td:last-child {
  width: 11%;
}
.impulsionadosDash .impulsionados-badge--ativo {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
.impulsionadosDash .impulsionados-badge--pendente {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: rgba(230, 184, 74, 0.14);
  color: #e6b84a;
}
.impulsionadosDash .impulsionados-badge--fim {
  display: inline-flex;
  align-items: center;
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
.impulsionadosDash .impulsionados-td-marketplace {
  min-width: 0;
  max-width: none;
  white-space: normal;
}
.impulsionadosDash .impulsionados-td-acoes {
  text-align: center;
}
.impulsionadosDash .impulsionados-link-marketplace {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  font-size: 0.65rem;
  font-weight: 500;
  color: #7dd3fc;
  text-decoration: none;
  line-height: 1.3;
}
.impulsionadosDash .impulsionados-link-marketplace i {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 0.58rem;
  opacity: 0.9;
}
.impulsionadosDash .impulsionados-link-marketplace__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.impulsionadosDash .impulsionados-link-marketplace:hover {
  color: #bae6fd;
  text-decoration: underline;
}
.impulsionadosDash .impulsionados-btn-ver {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 8px;
  border-radius: 7px;
  border: 1px solid rgba(56, 211, 159, 0.25);
  background: rgba(56, 211, 159, 0.08);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.65rem;
  line-height: 1.15;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
  max-width: 100%;
  white-space: normal;
  word-break: break-word;
  text-align: center;
}
.impulsionadosDash .impulsionados-btn-ver:hover {
  background: rgba(56, 211, 159, 0.16);
  border-color: rgba(56, 211, 159, 0.4);
  color: #4ade9a;
}
.impulsionadosDash .impfab-empresa {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.impulsionadosDash .impfab-empresa__nome {
  font-weight: 600;
  font-size: 0.65rem;
  color: #e2e8f0;
  line-height: 1.2;
}
.impulsionadosDash .impfab-empresa__telefone {
  font-size: 0.6rem;
  font-weight: 500;
  color: #94a3b8;
  line-height: 1.25;
}
.impulsionadosDash .impfab-empresa__local {
  font-size: 0.6rem;
  font-weight: 500;
  color: #64748b;
  line-height: 1.25;
}
.impulsionadosDash .impfab-btn-ativar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 5px 8px;
  border: 1px solid rgba(56, 211, 159, 0.25);
  border-radius: 7px;
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  line-height: 1.15;
  cursor: pointer;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  max-width: 100%;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.impulsionadosDash .impfab-btn-ativar:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.2);
  border-color: rgba(56, 211, 159, 0.4);
}
.impulsionadosDash .impfab-btn-ativar:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.impulsionadosDash--fabricante {
  max-width: min(100%, 1600px);
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(1),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(1) {
  width: 12%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(2),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(2) {
  width: 11%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(3),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(3) {
  width: 14%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(4),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(4),
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(5),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(5),
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(6),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(6) {
  width: 8%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(7),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(7) {
  width: 8%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(8),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(8),
.impulsionadosDash--fabricante .impulsionados-tabela th:nth-child(9),
.impulsionadosDash--fabricante .impulsionados-tabela td:nth-child(9) {
  width: 10%;
}
.impulsionadosDash--fabricante .impulsionados-tabela th:last-child,
.impulsionadosDash--fabricante .impulsionados-tabela td:last-child {
  width: 11%;
}

.impulsionadosDash--empresas {
  max-width: 820px;
}
.impulsionadosDash--empresas .impulsionados-tabela .fab-emp-lista-codigo {
  font-family: "Inter", monospace;
  font-size: 0.78rem;
  color: #94a3b8;
}
.impulsionadosDash--empresas .impulsionados-tabela .fab-emp-lista-th-acoes,
.impulsionadosDash--empresas .impulsionados-tabela .fab-emp-lista-acoes {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.impulsionadosDash--empresas .fab-emp-lista-acoes-btns {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}
.impulsionadosDash--empresas .fab-emp-lista-badge-atual {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #60a5fa;
  background: rgba(96, 165, 250, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.28);
  vertical-align: middle;
}
.impulsionadosDash--empresas .fab-emp-btn-entrar,
.impulsionadosDash--empresas .fab-emp-btn-editar,
.impulsionadosDash--empresas .fab-emp-btn-excluir {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  border: 1px solid rgba(56, 211, 159, 0.28);
  border-radius: 8px;
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
  font-family: inherit;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.impulsionadosDash--empresas .fab-emp-btn-entrar:hover,
.impulsionadosDash--empresas .fab-emp-btn-editar:hover,
.impulsionadosDash--empresas .fab-emp-btn-excluir:hover {
  background: rgba(56, 211, 159, 0.2);
  border-color: rgba(56, 211, 159, 0.45);
}
.impulsionadosDash--empresas .fab-emp-btn-entrar i,
.impulsionadosDash--empresas .fab-emp-btn-editar i,
.impulsionadosDash--empresas .fab-emp-btn-excluir i {
  font-size: 0.7rem;
}
.impulsionadosDash--empresas .fab-emp-btn-entrar {
  border-color: rgba(96, 165, 250, 0.35);
  background: rgba(96, 165, 250, 0.12);
  color: #60a5fa;
}
.impulsionadosDash--empresas .fab-emp-btn-entrar:hover {
  background: rgba(96, 165, 250, 0.22);
  border-color: rgba(96, 165, 250, 0.5);
}
.impulsionadosDash--empresas .fab-emp-btn-excluir {
  border-color: rgba(248, 113, 113, 0.28);
  background: rgba(248, 113, 113, 0.1);
  color: #f87171;
}
.impulsionadosDash--empresas .fab-emp-btn-excluir:hover {
  background: rgba(248, 113, 113, 0.18);
  border-color: rgba(248, 113, 113, 0.45);
}
.impulsionadosDash--empresas .fab-emp-lista-vendedor {
  color: #94a3b8;
  font-size: 0.8rem;
}
.impulsionadosDash--empresas .inventory-btn-novo--sm {
  flex-shrink: 0;
}

.fab-emp-edit-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 0;
}
.fab-emp-edit-form .cadastro-campo--full {
  grid-column: 1 / -1;
}
@media (max-width: 640px) {
  .fab-emp-edit-form {
    grid-template-columns: 1fr;
  }
}

body.fab-emp-edit-modal-open {
  overflow: hidden;
}

.impulsionadosDash--retorno {
  max-width: 720px;
}
.impulsionadosDash--retorno .impulsionadosDash__panel {
  margin-top: 12px;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg {
  margin: 0 0 1rem;
  font-size: 0.88rem;
  line-height: 1.5;
  color: #cbd5e1;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg i {
  margin-right: 0.5rem;
  opacity: 0.9;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--ok {
  color: #cbd5e1;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--ok i {
  color: #38d39f;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--pendente i {
  color: #e6b84a;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--erro {
  color: #fca5a5;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--erro i {
  color: #f87171;
}
.impulsionadosDash--retorno .impulsionamento-retorno-msg--processando i {
  color: #38d39f;
}
.impulsionadosDash--retorno .impulsionamento-retorno-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
}
.impulsionadosDash--retorno .impulsionamento-retorno-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1rem;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.8rem;
  text-decoration: none;
  font-family: "Outfit", sans-serif;
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  border: 1px solid rgba(56, 211, 159, 0.28);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.impulsionadosDash--retorno .impulsionamento-retorno-btn:hover {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  color: #4ade9a;
}
.impulsionadosDash--retorno .impulsionamento-retorno-btn--sec {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.impulsionadosDash--retorno .impulsionamento-retorno-btn--sec:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}

body.dash-page--inventory .estoque-impulsionar-backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--inventory .estoque-impulsionar-inner {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}
body.dash-page--inventory .estoque-impulsionar-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
  background: #0b1725;
}
body.dash-page--inventory .estoque-impulsionar-fechar {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dash-page--inventory .estoque-impulsionar-fechar:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--inventory .estoque-impulsionar-titulo {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
}
body.dash-page--inventory .estoque-impulsionar-subtitulo,
body.dash-page--inventory .estoque-impulsionar-label,
body.dash-page--inventory .estoque-impulsionar-label-valor,
body.dash-page--inventory .estoque-impulsionar-total-ajuda,
body.dash-page--inventory .estoque-impulsionar-resumo-calc,
body.dash-page--inventory .estoque-impulsionar-dias-ajuda,
body.dash-page--inventory .estoque-impulsionar-total-formula {
  color: #94a3b8;
}
body.dash-page--inventory .estoque-impulsionar-nome {
  color: #e2e8f0;
}
body.dash-page--inventory .estoque-impulsionar-valor-veiculo,
body.dash-page--inventory .estoque-impulsionar-valor-selecionado,
body.dash-page--inventory .estoque-impulsionar-total-valor {
  color: #38d39f;
}
body.dash-page--inventory .estoque-impulsionar-resumo,
body.dash-page--inventory .estoque-impulsionar-total {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}
body.dash-page--inventory .estoque-impulsionar-dias-input {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
body.dash-page--inventory .estoque-impulsionar-dias-input::placeholder {
  color: #64748b;
}
body.dash-page--inventory .estoque-impulsionar-dias-input:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.12);
}
body.dash-page--inventory .estoque-impulsionar-dias-input {
  border-radius: 10px;
}
body.dash-page--inventory .estoque-impulsionar-confirmar {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--inventory .estoque-impulsionar-confirmar:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--inventory .estoque-impulsionar-confirmar {
  width: 100%;
  border-radius: 10px;
  padding: 12px 16px;
}
body.dash-page--inventory .estoque-impulsionar-aviso {
  border-color: rgba(251, 191, 36, 0.28);
  background: rgba(251, 191, 36, 0.1);
  color: #cbd5e1;
}
body.dash-page--inventory .estoque-impulsionar-aviso i {
  color: #fbbf24;
}
body.dash-page--inventory .estoque-impulsionar-aviso strong {
  color: #fde68a;
}
body.dash-page--inventory .estoque-impulsionar-checkout__ajuda {
  color: #94a3b8;
}
body.dash-page--inventory .estoque-confirm-titulo-ico {
  color: #38d39f;
}
body.dash-page--inventory .estoque-confirm-texto {
  color: #94a3b8;
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  line-height: 1.55;
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--secundario {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--secundario:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--secundario {
  border-radius: 10px;
  padding: 12px 16px;
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--primario {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--primario:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--inventory .estoque-confirm-acoes .estoque-confirm-btn--primario {
  border-radius: 10px;
  padding: 12px 16px;
}
body.dash-page--inventory .estoque-whatsapp-interesse-titulo-ico {
  color: #25d366;
}
body.dash-page--inventory .estoque-whatsapp-interesse-sub,
body.dash-page--inventory .estoque-whatsapp-interesse-num-label,
body.dash-page--inventory .estoque-whatsapp-interesse-msg,
body.dash-page--inventory .estoque-whatsapp-interesse-item-tel,
body.dash-page--inventory .estoque-whatsapp-interesse-item-data,
body.dash-page--inventory .estoque-whatsapp-interesse-item-origens {
  color: #94a3b8;
}
body.dash-page--inventory .estoque-whatsapp-interesse-num {
  color: #25d366;
}
body.dash-page--inventory .estoque-whatsapp-interesse-resumo,
body.dash-page--inventory .estoque-whatsapp-interesse-item {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
}
body.dash-page--inventory .estoque-whatsapp-interesse-item-nome {
  color: #e2e8f0;
}
body.dash-page--inventory .estoque-whatsapp-interesse-item-tag {
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--inventory .estoque-whatsapp-interesse-item-btn {
  border: 1px solid rgba(37, 211, 102, 0.35);
  background: rgba(37, 211, 102, 0.18);
  color: #25d366;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--inventory .estoque-whatsapp-interesse-item-btn:hover {
  background: rgba(37, 211, 102, 0.28);
  border-color: rgba(37, 211, 102, 0.5);
  color: #4ade80;
  filter: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .impulsionadosDash {
    padding: 12px 14px 20px;
    max-width: 100%;
  }
  .impulsionadosDash__panel {
    padding: 10px 10px;
  }
  .impulsionadosDash .impulsionados-tabela thead th {
    padding: 6px 7px;
    font-size: 8px;
  }
  .impulsionadosDash .impulsionados-tabela tbody td {
    padding: 6px 7px;
    font-size: 9px;
  }
  .impulsionadosDash .impulsionados-link-marketplace {
    font-size: 0.6rem;
  }
  .impulsionadosDash .impulsionados-link-marketplace i {
    font-size: 0.55rem;
  }
  .impulsionadosDash .impulsionados-btn-ver,
  .impulsionadosDash .impfab-btn-ativar {
    padding: 4px 7px;
    font-size: 0.6rem;
  }
  .impulsionadosDash .impulsionados-btn-ver i,
  .impulsionadosDash .impfab-btn-ativar i {
    font-size: 0.58rem;
  }
}
@media (max-width: 767px) {
  .impulsionadosDash {
    padding: 12px 14px 20px;
    max-width: 100%;
  }
  .impulsionadosDash__panel {
    padding: 12px;
  }
  .impulsionadosDash .impulsionados-tabela-wrap {
    overflow: visible;
    border: none;
    background: transparent;
  }
  .impulsionadosDash .impulsionados-tabela {
    min-width: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
  }
  .impulsionadosDash .impulsionados-tabela th,
  .impulsionadosDash .impulsionados-tabela td {
    min-width: 0 !important;
    width: auto !important;
  }
  .impulsionadosDash .impulsionados-tabela thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row {
    display: block;
    padding: 12px;
    margin-bottom: 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row:last-child {
    margin-bottom: 0;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row:hover td {
    background: transparent;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 6px 0 !important;
    border: none !important;
    vertical-align: top;
    font-size: 12px !important;
    text-align: right;
    overflow: visible;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td:not([data-label=""])::before {
    content: attr(data-label);
    flex: 0 0 108px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #7f93a7;
    line-height: 1.35;
    padding-top: 2px;
    text-align: left;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-veiculo,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-empresa {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding-bottom: 8px !important;
    text-align: left;
    font-size: 14px !important;
    font-weight: 600;
    color: #e2e8f0;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-veiculo::before,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-empresa::before {
    flex-basis: auto;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    max-width: none;
    text-align: left;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace::before {
    flex-basis: auto;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace .impulsionados-link-marketplace {
    width: 100%;
    max-width: none;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid rgba(125, 211, 252, 0.22);
    background: rgba(125, 211, 252, 0.06);
    box-sizing: border-box;
    font-size: 0.72rem;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace .impulsionados-link-marketplace i {
    font-size: 0.65rem;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace .impulsionados-link-marketplace__text {
    overflow: visible;
    text-overflow: unset;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    white-space: normal;
    word-break: break-word;
    text-align: left;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-marketplace .impulsionados-link-marketplace:hover {
    background: rgba(125, 211, 252, 0.1);
    border-color: rgba(125, 211, 252, 0.35);
    text-decoration: none;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes {
    justify-content: flex-end;
    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    margin-top: 4px;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes::before {
    align-self: center;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes .impulsionados-btn-ver,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes .impfab-btn-ativar {
    font-size: 0.72rem;
    padding: 6px 10px;
    gap: 6px;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes .impulsionados-btn-ver i,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td.impulsionados-td-acoes .impfab-btn-ativar i {
    font-size: 0.72rem;
  }
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td .impulsionados-badge--ativo,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td .impulsionados-badge--pendente,
  .impulsionadosDash .impulsionados-tabela tbody tr.impulsionados-row td .impulsionados-badge--fim {
    font-size: 10px;
    padding: 2px 8px;
  }
}
body.dash-page--trazer-leads .dash-main--crm-board {
  background: #071018 !important;
}
body.dash-page--trazer-leads .trazer-leads-scroll {
  flex: 1;
  min-height: 0;
  height: 100%;
  overflow: auto;
  padding: 12px 16px 20px;
  background: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(37, 211, 102, 0.06), transparent 55%), #071018;
  box-sizing: border-box;
}
body.dash-page--trazer-leads .trazerLeadsSection {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.dash-page--trazer-leads .trazer-leads-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(145deg, rgba(15, 26, 36, 0.98), rgba(21, 34, 49, 0.92));
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}
body.dash-page--trazer-leads .trazer-leads-tabs {
  display: flex;
  gap: 6px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 26, 36, 0.85);
}
body.dash-page--trazer-leads .trazer-leads-tab {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #94a3b8;
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
body.dash-page--trazer-leads .trazer-leads-tab:hover {
  color: #f1f5f9;
  background: rgba(255, 255, 255, 0.04);
}
body.dash-page--trazer-leads .trazer-leads-tab.is-active {
  color: #062018;
  background: #25d366;
}
body.dash-page--trazer-leads .trazer-leads-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(255, 80, 80, 0.95);
  color: #fff;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
}
.trazer-leads-tab.is-active body.dash-page--trazer-leads .trazer-leads-tab-badge {
  background: rgba(0, 0, 0, 0.22);
  color: #fff;
}
body.dash-page--trazer-leads .trazer-leads-pane[hidden] {
  display: none !important;
}
body.dash-page--trazer-leads .trazer-leads-pane[data-pane=erros] {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body.dash-page--trazer-leads .trazer-leads-card--erros .trazer-leads-erros-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px 20px;
  flex-wrap: wrap;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}
body.dash-page--trazer-leads .trazer-leads-erros-copy {
  min-width: 0;
  flex: 1 1 240px;
}
body.dash-page--trazer-leads .trazer-leads-erros-title {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  color: #f1f5f9;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.3;
}
body.dash-page--trazer-leads .trazer-leads-erros-title i {
  color: #fbbf24;
  font-size: 0.95rem;
}
body.dash-page--trazer-leads .trazer-leads-erros-sub {
  margin: 8px 0 0;
  font-size: 0.8rem;
  color: #94a3b8;
  line-height: 1.45;
  max-width: 38rem;
}
body.dash-page--trazer-leads .trazer-leads-erros-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  margin-top: 2px;
}
body.dash-page--trazer-leads .trazer-leads-erros-actions .trazer-leads-btn {
  min-height: 36px;
  padding: 0 16px;
}
body.dash-page--trazer-leads .trazer-leads-erros-body {
  gap: 14px;
  padding: 16px;
}
body.dash-page--trazer-leads .trazer-leads-erros-table-wrap {
  margin: 0;
  border-radius: 10px;
  overflow: auto;
}
body.dash-page--trazer-leads .trazer-leads-table--erros th,
body.dash-page--trazer-leads .trazer-leads-table--erros td {
  padding: 12px 14px;
  vertical-align: middle;
}
body.dash-page--trazer-leads .trazer-leads-table--erros .trazer-leads-th-acao,
body.dash-page--trazer-leads .trazer-leads-table--erros td:last-child {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  padding-right: 16px;
}
body.dash-page--trazer-leads .trazer-leads-table--erros .js-reenviar-erro {
  min-height: 34px;
  padding: 0 14px;
}
body.dash-page--trazer-leads .trazer-leads-erro-cell {
  max-width: 340px;
  font-size: 0.78rem;
  color: #fecaca;
  line-height: 1.4;
  word-break: break-word;
}
body.dash-page--trazer-leads .trazer-leads-erro-meta {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 0.72rem;
  line-height: 1.35;
}
body.dash-page--trazer-leads .trazer-leads-btn--sm {
  min-height: 34px;
  padding: 0 14px;
  font-size: 0.76rem;
}
@media (max-width: 720px) {
  body.dash-page--trazer-leads .trazer-leads-card--erros .trazer-leads-erros-head {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  body.dash-page--trazer-leads .trazer-leads-erros-actions {
    width: 100%;
  }
  body.dash-page--trazer-leads .trazer-leads-erros-actions .trazer-leads-btn {
    flex: 1 1 auto;
  }
  body.dash-page--trazer-leads .trazer-leads-table--erros th,
  body.dash-page--trazer-leads .trazer-leads-table--erros td {
    padding: 10px 12px;
  }
}
body.dash-page--trazer-leads .trazer-leads-header-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
body.dash-page--trazer-leads .trazer-leads-header-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex-shrink: 0;
  background: rgba(37, 211, 102, 0.12);
  border: 1px solid rgba(37, 211, 102, 0.28);
  color: #25d366;
  font-size: 1.1rem;
  box-shadow: none;
}
body.dash-page--trazer-leads .trazer-leads-header-title {
  margin: 0 0 2px;
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: #f1f5f9;
  line-height: 1.2;
}
body.dash-page--trazer-leads .trazer-leads-header-sub {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #94a3b8;
  max-width: 34rem;
}
body.dash-page--trazer-leads .trazer-leads-passos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
body.dash-page--trazer-leads .trazer-leads-passo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(15, 26, 36, 0.65);
  color: #94a3b8;
  font-family: "Inter", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
body.dash-page--trazer-leads .trazer-leads-passo--ativo {
  border-color: rgba(37, 211, 102, 0.4);
  background: rgba(37, 211, 102, 0.08);
  color: #f1f5f9;
}
body.dash-page--trazer-leads .trazer-leads-passo--ok {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-passo-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.68rem;
  font-weight: 800;
  flex-shrink: 0;
}
.trazer-leads-passo--ok body.dash-page--trazer-leads .trazer-leads-passo-num {
  background: rgba(56, 211, 159, 0.18);
  color: #fff;
}
.trazer-leads-passo--ativo body.dash-page--trazer-leads .trazer-leads-passo-num {
  background: rgba(37, 211, 102, 0.2);
  color: #fff;
}
body.dash-page--trazer-leads .trazer-leads-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}
body.dash-page--trazer-leads .trazer-leads-card {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: rgba(15, 26, 36, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
body.dash-page--trazer-leads .trazer-leads-card--upload .trazer-leads-card-body {
  flex: 1;
  min-height: 0;
}
body.dash-page--trazer-leads .trazer-leads-card--upload .trazer-leads-dropzone {
  min-height: 110px;
}
body.dash-page--trazer-leads .trazer-leads-card-title {
  margin: 0;
  padding: 10px 14px;
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: #f1f5f9;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
}
body.dash-page--trazer-leads .trazer-leads-card-title i {
  color: #25d366;
  font-size: 0.88rem;
}
body.dash-page--trazer-leads .trazer-leads-card-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px 14px;
  min-height: 0;
}
body.dash-page--trazer-leads .trazer-leads-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body.dash-page--trazer-leads .trazer-leads-label {
  margin: 0;
  font-size: 0.7rem;
  font-weight: 600;
  color: #cbd5e1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.dash-page--trazer-leads .trazer-leads-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
body.dash-page--trazer-leads .trazer-leads-dropzone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;
  padding: 14px 12px;
  border-radius: 10px;
  border: 1.5px dashed rgba(255, 255, 255, 0.12);
  background: rgba(4, 10, 16, 0.55);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.dash-page--trazer-leads .trazer-leads-dropzone:hover, body.dash-page--trazer-leads .trazer-leads-dropzone:focus-visible {
  outline: none;
  border-color: rgba(37, 211, 102, 0.45);
  background: rgba(37, 211, 102, 0.05);
}
body.dash-page--trazer-leads .trazer-leads-dropzone--hover {
  border-color: rgba(37, 211, 102, 0.6);
  background: rgba(37, 211, 102, 0.08);
}
body.dash-page--trazer-leads .trazer-leads-dropzone--carregado {
  border-style: solid;
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.04);
}
body.dash-page--trazer-leads .trazer-leads-dropzone--processando {
  opacity: 0.7;
  pointer-events: none;
}
body.dash-page--trazer-leads .trazer-leads-dropzone-inner {
  text-align: center;
  pointer-events: none;
}
body.dash-page--trazer-leads .trazer-leads-dropzone-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: rgba(37, 211, 102, 0.1);
  color: #25d366;
  font-size: 1rem;
}
body.dash-page--trazer-leads .trazer-leads-dropzone-title {
  margin: 0 0 4px;
  font-family: "Outfit", sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  color: #f1f5f9;
}
body.dash-page--trazer-leads .trazer-leads-dropzone-hint {
  margin: 0;
  font-size: 0.74rem;
  color: #94a3b8;
  line-height: 1.4;
}
body.dash-page--trazer-leads .trazer-leads-dropzone-hint strong {
  color: #e2e8f0;
  font-weight: 600;
}
body.dash-page--trazer-leads .trazer-leads-arquivo-nome {
  margin: 0;
  padding: 6px 10px;
  font-size: 0.74rem;
  color: #38d39f;
  word-break: break-all;
  background: rgba(56, 211, 159, 0.07);
  border-radius: 8px;
  border: 1px solid rgba(56, 211, 159, 0.16);
}
body.dash-page--trazer-leads .trazer-leads-select-wrap {
  position: relative;
  width: 100%;
}
body.dash-page--trazer-leads .trazer-leads-select {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: rgba(4, 10, 16, 0.95);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%2338d39f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  color: #e2e8f0;
  font-family: "Inter", sans-serif;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.35;
  min-height: 44px;
  padding: 10px 40px 10px 14px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.dash-page--trazer-leads .trazer-leads-select:hover:not(:disabled) {
  border-color: rgba(37, 211, 102, 0.3);
  background-color: rgba(8, 16, 24, 0.98);
}
body.dash-page--trazer-leads .trazer-leads-select:focus, body.dash-page--trazer-leads .trazer-leads-select:focus-visible {
  outline: none;
  border-color: rgba(37, 211, 102, 0.5);
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.14);
}
body.dash-page--trazer-leads .trazer-leads-select:disabled {
  opacity: 0.58;
  cursor: not-allowed;
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-select option {
  background: #0f1a24;
  color: #e2e8f0;
}
body.dash-page--trazer-leads .trazer-leads-select option[value=""] {
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-template-preview {
  margin: 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #cbd5e1;
  font-size: 0.76rem;
  line-height: 1.45;
  white-space: pre-wrap;
  max-height: 120px;
  overflow: auto;
}
body.dash-page--trazer-leads .trazer-leads-parse-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.dash-page--trazer-leads .trazer-leads-preview-wrap {
  background: rgba(15, 26, 36, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
body.dash-page--trazer-leads .trazer-leads-preview-wrap--ativo {
  border-color: rgba(37, 211, 102, 0.22);
}
body.dash-page--trazer-leads .trazer-leads-preview-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  flex-wrap: wrap;
}
body.dash-page--trazer-leads .trazer-leads-preview-title {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  color: #f1f5f9;
}
body.dash-page--trazer-leads .trazer-leads-preview-sub {
  margin: 4px 0 0;
  font-size: 0.76rem;
  line-height: 1.45;
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-preview-status {
  margin: 0;
  padding: 8px 14px;
  font-size: 0.76rem;
  line-height: 1.4;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
body.dash-page--trazer-leads .trazer-leads-preview-status--ok {
  color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}
body.dash-page--trazer-leads .trazer-leads-preview-status--erro {
  color: #f87171;
  background: rgba(239, 68, 68, 0.06);
}
body.dash-page--trazer-leads .trazer-leads-preview-status--loading {
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-contagem {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}
body.dash-page--trazer-leads .trazer-leads-table-wrap {
  overflow: auto;
  padding: 0 14px 14px;
  max-height: min(280px, 38vh);
}
body.dash-page--trazer-leads .trazer-leads-table {
  width: 100%;
  min-width: 420px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.76rem;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  overflow: hidden;
}
body.dash-page--trazer-leads .trazer-leads-table th,
body.dash-page--trazer-leads .trazer-leads-table td {
  padding: 7px 9px;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  vertical-align: top;
}
body.dash-page--trazer-leads .trazer-leads-table th {
  background: rgba(255, 255, 255, 0.04);
  color: #94a3b8;
  font-weight: 700;
  font-size: 0.66rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.dash-page--trazer-leads .trazer-leads-table td {
  color: #e2e8f0;
}
body.dash-page--trazer-leads .trazer-leads-table tbody tr:last-child td {
  border-bottom: none;
}
body.dash-page--trazer-leads .trazer-leads-table tbody tr.trazer-leads-row--invalido {
  background: rgba(239, 68, 68, 0.07);
}
body.dash-page--trazer-leads .trazer-leads-table tbody tr.trazer-leads-row--vazio td {
  border-bottom: none;
}
body.dash-page--trazer-leads .trazer-leads-td-vazio {
  padding: 0 !important;
  text-align: center;
  vertical-align: middle !important;
  border-bottom: none !important;
}
body.dash-page--trazer-leads .trazer-leads-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  padding: 36px 24px;
  text-align: center;
}
body.dash-page--trazer-leads .trazer-leads-empty-ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin: 0 0 16px;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(37, 211, 102, 0.16) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 1px solid rgba(37, 211, 102, 0.22);
  color: rgba(37, 211, 102, 0.95);
  font-size: 1.35rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
body.dash-page--trazer-leads .trazer-leads-empty-ico i {
  display: block;
  line-height: 1;
}
body.dash-page--trazer-leads .trazer-leads-empty-title {
  display: block;
  margin: 0 0 8px;
  color: #f1f5f9;
  font-family: "Outfit", sans-serif;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.3;
}
body.dash-page--trazer-leads .trazer-leads-empty-text {
  margin: 0;
  max-width: 300px;
  font-size: 0.78rem;
  line-height: 1.55;
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-muted {
  color: #64748b;
}
body.dash-page--trazer-leads .trazer-leads-erro-linha {
  font-size: 0.68rem;
  color: #f87171;
  font-weight: 600;
}
body.dash-page--trazer-leads .trazer-leads-nome-auto {
  color: #94a3b8;
  font-style: italic;
}
body.dash-page--trazer-leads .trazer-leads-status {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 700;
  white-space: nowrap;
}
body.dash-page--trazer-leads .trazer-leads-status--ok {
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-status--erro {
  background: rgba(239, 68, 68, 0.14);
  color: #f87171;
}
body.dash-page--trazer-leads .trazer-leads-status--info {
  background: rgba(148, 163, 184, 0.12);
  color: #cbd5e1;
}
body.dash-page--trazer-leads .trazer-leads-status--aviso {
  background: rgba(245, 158, 11, 0.14);
  color: #fbbf24;
}
body.dash-page--trazer-leads .trazer-leads-info-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.74rem;
  line-height: 1.35;
}
body.dash-page--trazer-leads .trazer-leads-link {
  color: #25d366;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.72rem;
}
body.dash-page--trazer-leads .trazer-leads-link:hover {
  text-decoration: underline;
}
body.dash-page--trazer-leads .trazer-leads-acao-cell {
  font-size: 0.74rem;
  line-height: 1.35;
  color: #cbd5e1;
}
body.dash-page--trazer-leads .trazer-leads-checklist {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--trazer-leads .trazer-leads-check-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.74rem;
  font-weight: 600;
  color: #64748b;
}
body.dash-page--trazer-leads .trazer-leads-check-item i {
  font-size: 0.78rem;
}
body.dash-page--trazer-leads .trazer-leads-check-item--ok {
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-check-item--ativo {
  color: #e2e8f0;
}
body.dash-page--trazer-leads .trazer-leads-confirmar-hint {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: #94a3b8;
  flex: 1;
  min-width: 0;
}
body.dash-page--trazer-leads .trazer-leads-custo {
  margin-bottom: 12px;
  padding: 14px;
  border-radius: 12px;
  border: 1px solid rgba(56, 211, 159, 0.22);
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.08) 0%, rgba(12, 19, 28, 0.92) 100%);
}
body.dash-page--trazer-leads .trazer-leads-custo-head {
  margin-bottom: 12px;
}
body.dash-page--trazer-leads .trazer-leads-custo-title {
  margin: 0 0 4px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #e8eef4;
  display: flex;
  align-items: center;
  gap: 8px;
}
body.dash-page--trazer-leads .trazer-leads-custo-title i {
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-custo-resumo {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #94a3b8;
}
body.dash-page--trazer-leads .trazer-leads-custo-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 720px) {
  body.dash-page--trazer-leads .trazer-leads-custo-grid {
    grid-template-columns: 1fr;
  }
}
body.dash-page--trazer-leads .trazer-leads-custo-item {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
}
body.dash-page--trazer-leads .trazer-leads-custo-item strong {
  display: block;
  margin-top: 4px;
  font-size: 1rem;
  color: #f1f5f9;
  font-variant-numeric: tabular-nums;
}
body.dash-page--trazer-leads .trazer-leads-custo-item--destaque strong {
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-custo-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(214, 227, 241, 0.62);
}
body.dash-page--trazer-leads .trazer-leads-custo-aviso {
  margin: 10px 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #fbbf24;
}
body.dash-page--trazer-leads .trazer-leads-custo-aviso--erro {
  color: #f87171;
}
body.dash-page--trazer-leads .trazer-leads-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(15, 26, 36, 0.95), rgba(21, 34, 49, 0.9));
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
body.dash-page--trazer-leads .trazer-leads-msg {
  margin: 0;
  width: 100%;
  font-size: 0.78rem;
  line-height: 1.4;
}
body.dash-page--trazer-leads .trazer-leads-msg--ok {
  color: #38d39f;
}
body.dash-page--trazer-leads .trazer-leads-msg--erro {
  color: #f87171;
}
body.dash-page--trazer-leads .trazer-leads-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, filter 0.15s ease;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
}
body.dash-page--trazer-leads .trazer-leads-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
body.dash-page--trazer-leads .trazer-leads-btn--ghost {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.12);
  color: #e2e8f0;
}
body.dash-page--trazer-leads .trazer-leads-btn--ghost:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
}
body.dash-page--trazer-leads .trazer-leads-btn--back {
  flex-shrink: 0;
}
body.dash-page--trazer-leads .trazer-leads-btn--primary {
  background: #38d39f;
  color: #062018;
}
body.dash-page--trazer-leads .trazer-leads-btn--whatsapp {
  background: linear-gradient(135deg, #25d366, rgb(32.4346774194, 184.9653225806, 89.414516129));
  color: #052410;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.18);
  flex-shrink: 0;
}
body.dash-page--trazer-leads .trazer-leads-btn--whatsapp:hover:not(:disabled) {
  filter: brightness(1.04);
}
body.dash-page--trazer-leads .trazer-leads-resultado {
  padding: 12px 14px 14px;
  border-radius: 12px;
  background: rgba(15, 26, 36, 0.92);
  border: 1px solid rgba(56, 211, 159, 0.2);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.14);
}
body.dash-page--trazer-leads .trazer-leads-resultado .trazer-leads-table-wrap {
  padding: 0;
  margin-top: 10px;
  max-height: min(240px, 32vh);
}
body.dash-page--trazer-leads .trazer-leads-resultado-head h3 {
  margin: 0 0 4px;
  font-family: "Outfit", sans-serif;
  font-size: 0.88rem;
  color: #f1f5f9;
}
body.dash-page--trazer-leads .trazer-leads-resultado-head p {
  margin: 0;
  font-size: 0.78rem;
  color: #94a3b8;
  line-height: 1.4;
}
@media (max-width: 900px) {
  body.dash-page--trazer-leads .trazer-leads-scroll {
    padding: 10px 12px 16px;
  }
  body.dash-page--trazer-leads .trazerLeadsSection {
    gap: 12px;
  }
  body.dash-page--trazer-leads .trazer-leads-passos {
    grid-template-columns: 1fr 1fr;
  }
  body.dash-page--trazer-leads .trazer-leads-stack {
    grid-template-columns: 1fr;
  }
  body.dash-page--trazer-leads .trazer-leads-header {
    padding: 10px 12px;
  }
  body.dash-page--trazer-leads .trazer-leads-btn--back {
    width: 100%;
  }
  body.dash-page--trazer-leads .trazer-leads-footer {
    flex-direction: column;
    align-items: stretch;
  }
  body.dash-page--trazer-leads .trazer-leads-btn--primary,
  body.dash-page--trazer-leads .trazer-leads-btn--whatsapp {
    width: 100%;
  }
  body.dash-page--trazer-leads .trazer-leads-footer,
  body.dash-page--trazer-leads .trazer-leads-preview-head,
  body.dash-page--trazer-leads .trazer-leads-table-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }
}

body.dash-page--chat:not(.dash-page--internal-chat) {
  height: 100vh;
  overflow: hidden;
}
body.dash-page--chat:not(.dash-page--internal-chat) .dash-layout {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}
body.dash-page--chat:not(.dash-page--internal-chat) .dash-main {
  margin-top: 70px;
  min-height: calc(100vh - 70px);
  height: calc(100vh - 70px) !important;
  padding-bottom: 16px;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
}
body.dash-page--chat:not(.dash-page--internal-chat) .dash-content {
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
body.dash-page--chat:not(.dash-page--internal-chat) .dash-col-main.dash-chat-page {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding-top: 0;
}
body.dash-page--chat:not(.dash-page--internal-chat) .dash-chat-shell {
  height: 100%;
  min-height: 0;
  --dash-chat-col-h: 100%;
  align-items: stretch;
}

.dash-chat-shell {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 24px;
  /* Colunas não esticam juntas: lista à esquerda não acompanha a altura das mensagens */
  align-items: start;
  /* Mesma altura máxima para conversas e painel de mensagens */
  --dash-chat-col-h: min(720px, calc(100vh - 140px));
}

.dash-content--single {
  grid-template-columns: 1fr;
}

.dash-chat-page {
  padding-top: 24px;
}

.dash-chat-right--no-conv #chatBuscaConversaWrap,
.dash-chat-right--no-conv #intChatBuscaConversaWrap,
.dash-chat-right--no-conv .dash-chat-compose-wrap,
.dash-chat-right--no-conv .dash-chat-compose {
  display: none;
}

.dash-chat-right--no-conv .dash-chat-msg-delete-bar {
  display: none !important;
}

/* Autor `display:flex` não pode vencer o atributo hidden no HTML */
.dash-chat-msg-delete-bar[hidden] {
  display: none !important;
}

.dash-chat-left,
.dash-chat-right {
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease;
  overflow: hidden;
}

.dash-chat-left {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  height: var(--dash-chat-col-h);
  max-height: var(--dash-chat-col-h);
}

.dash-chat-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  height: var(--dash-chat-col-h);
  max-height: var(--dash-chat-col-h);
}

.dash-chat-right > .dash-chat-right-top {
  flex-shrink: 0;
}

.dash-chat-left-top,
.dash-chat-right-top {
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
}

/** Admin / fabricante: vendedor CRM (compacto; acima de «Veículo em destaque»). */
.dash-chat-crm-responsavel-bar {
  flex-shrink: 0;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.08);
  border: 1px solid rgba(56, 211, 159, 0.28);
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  color: var(--texto-principal);
}

.dash-chat-crm-responsavel-bar[hidden] {
  display: none !important;
}

.dash-chat-crm-responsavel-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.dash-chat-crm-responsavel-bar-meta {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/** Mesmo verde dos botões primários (`.dash-chat-new-btn`, `.dash-chat-title`). */
.dash-chat-crm-responsavel-bar-title {
  font-family: "Outfit", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #38d39f;
  line-height: 1.2;
}

.dash-chat-crm-responsavel-bar-nome {
  display: block;
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--texto-principal);
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-chat-crm-responsavel-transfer {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  box-shadow: 0 1px 4px rgba(56, 211, 159, 0.35);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.dash-chat-crm-responsavel-transfer:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(56, 211, 159, 0.45);
}

.dash-chat-crm-responsavel-transfer i {
  font-size: 0.85rem;
}

/** Histórico: lead transferido de outro vendedor (visível a todos com acesso à conversa). */
.dash-chat-crm-transfer-banner {
  flex-shrink: 0;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(217, 119, 6, 0.35);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.dash-chat-crm-transfer-banner[hidden] {
  display: none !important;
}

.dash-chat-crm-transfer-banner strong {
  color: var(--texto-principal);
  font-weight: 600;
}

/** Lead no funil: etapa atual + avançar / retroceder uma etapa (CRM). */
.dash-chat-crm-etapa-bar {
  flex-shrink: 0;
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(59, 130, 246, 0.07);
  border: 1px solid rgba(59, 130, 246, 0.22);
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  color: var(--texto-principal);
}

.dash-chat-crm-etapa-bar[hidden] {
  display: none !important;
}

.dash-chat-crm-etapa-bar-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.dash-chat-crm-etapa-bar-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dash-chat-crm-etapa-bar-title {
  font-family: "Outfit", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #3b82f6;
  line-height: 1.2;
}

.dash-chat-crm-etapa-bar-nome {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-chat-crm-etapa-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.dash-chat-crm-etapa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 9px;
  border: 1px solid rgba(59, 130, 246, 0.35);
  background: #fff;
  color: #1d4ed8;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.dash-chat-crm-etapa-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dash-chat-crm-etapa-btn:not(:disabled):hover {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(37, 99, 235, 0.45);
}

.dash-chat-crm-etapa-btn--primario {
  border: none;
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.35);
}

.dash-chat-crm-etapa-btn--primario:not(:disabled):hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.dash-chat-conv-etapa {
  margin-top: 3px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  line-height: 1.3;
  color: var(--texto-terciario);
  padding-right: 52px;
}

.dash-chat-conv-etapa-label {
  font-weight: 700;
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--texto-terciario);
}

.dash-chat-conv-etapa-nome {
  font-weight: 600;
}

.dash-chat-crm-etapa-bar-nome {
  color: var(--crm-etapa-cor, var(--texto-principal));
}

.dash-chat-left > .dash-chat-left-top {
  flex-shrink: 0;
}

.dash-chat-left > .dash-chat-conv-list {
  position: relative;
  z-index: 0;
}

/** Painel «Data» abre por baixo: elevar o topo da coluna acima da lista de conversas. */
.dash-chat-left--conv-filtro-data-open .dash-chat-left-top {
  position: relative;
  z-index: 30;
}

.dash-chat-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.dash-chat-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  color: #38d39f;
  margin: 0;
  transition: color 0.3s ease;
}

.dash-chat-new-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 12px;
  padding: 10px 12px;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dash-chat-new-btn i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dash-chat-new-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(21, 21, 21, 0.1);
}

.dash-chat-search {
  position: relative;
  display: flex;
  align-items: center;
}

.dash-chat-search i {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--cor-icone);
  font-size: 18px;
  z-index: 1;
  transition: color 0.3s ease;
  pointer-events: none;
}

.dash-chat-search input {
  width: 100%;
  box-sizing: border-box;
  height: 52px;
  padding: 0 16px 0 48px;
  border: 2px solid var(--cor-borda);
  border-radius: 12px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  line-height: 1.35;
  color: var(--texto-principal);
  transition: border-color 0.3s ease, color 0.3s ease;
  outline: none;
}

.dash-chat-search input:focus {
  border-color: #38d39f;
}

.dash-chat-search:focus-within i {
  color: #38d39f;
}

.dash-chat-conv-filtros {
  position: relative;
  z-index: 6;
  margin-top: 8px;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.dash-chat-conv-filtros-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.dash-chat-conv-filtro-pill {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--texto-principal);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.dash-chat-conv-filtro-pill i {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: var(--texto-secundario);
  transition: color 0.15s ease;
}
.dash-chat-conv-filtro-pill span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dash-chat-conv-filtro-pill:hover {
  border-color: rgba(56, 211, 159, 0.45);
  color: #0f766e;
}
.dash-chat-conv-filtro-pill:hover i {
  color: #38d39f;
}
.dash-chat-conv-filtro-pill:focus-visible {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}

.dash-chat-conv-filtro-pill--active {
  border-color: rgba(56, 211, 159, 0.55);
  background: rgba(56, 211, 159, 0.1);
  color: #0f766e;
}
.dash-chat-conv-filtro-pill--active i {
  color: #38d39f;
}

.dash-chat-conv-filtros--data-open .dash-chat-conv-filtro-pill--data {
  border-color: #38d39f;
  box-shadow: 0 0 0 1px rgba(56, 211, 159, 0.25);
}

.dash-chat-conv-filtro-limpar {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.15s ease;
}

.dash-chat-conv-filtro-limpar:hover {
  color: #38d39f;
}

.dash-chat-conv-filtro-data-pop {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  bottom: auto;
  z-index: 5;
  padding: 10px 10px 8px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  box-shadow: 0 8px 24px rgba(21, 21, 21, 0.12);
}

.dash-chat-conv-filtro-data-pop-hint {
  margin: 0 0 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--texto-terciario);
}

.dash-chat-conv-filtro-data-pop-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dash-chat-conv-filtro-date--stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-secundario);
}
.dash-chat-conv-filtro-date--stack span {
  font-weight: 700;
}
.dash-chat-conv-filtro-date--stack input[type=date] {
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  padding: 4px 8px;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-corpo);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: var(--texto-principal);
  outline: none;
  transition: border-color 0.15s ease;
}
.dash-chat-conv-filtro-date--stack input[type=date]:focus {
  border-color: #38d39f;
}

.dash-chat-conv-filtro-data-pop-fechar {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  font-family: "Poppins", sans-serif;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--texto-principal);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.dash-chat-conv-filtro-data-pop-fechar:hover {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.dash-chat-empty-clear-filtros {
  display: inline-block;
  margin-top: 10px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease;
}

.dash-chat-empty-clear-filtros:hover {
  border-color: #38d39f;
  color: #38d39f;
}

body.dark-mode .dash-chat-conv-filtro-data-pop {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.dash-chat-ia-global {
  margin-top: 12px;
  padding: 12px 2px 2px;
  border-top: 1px solid var(--cor-borda);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dash-chat-ia-global-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-secundario, #64748b);
}

.dash-chat-ia-global-btns {
  display: flex;
  gap: 8px;
}

.dash-chat-ia-global-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.dash-chat-ia-global-btn:hover:not(:disabled) {
  border-color: #38d39f;
  color: #38d39f;
}

.dash-chat-ia-global-btn--on:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.08);
}

.dash-chat-ia-global-btn--off:hover:not(:disabled) {
  border-color: #94a3b8;
  color: #64748b;
}

.dash-chat-ia-global-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.dash-chat-conv-list {
  padding: 14px 12px;
  flex: 1;
  min-height: 0;
  overflow: auto;
  overflow-x: hidden;
}

.dash-chat-conv-item-wrap {
  display: flex;
  align-items: stretch;
  gap: 4px;
  width: 100%;
  margin-bottom: 4px;
}

.dash-chat-conv-item-wrap:last-child {
  margin-bottom: 0;
}

.dash-chat-conv-item {
  flex: 1;
  min-width: 0;
  width: auto;
  text-align: left;
  border: none;
  background: transparent;
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.dash-chat-conv-item:hover {
  background: rgba(56, 211, 159, 0.05);
}

.dash-chat-conv-item--active {
  background: rgba(56, 211, 159, 0.1);
}

/** Última mensagem ainda é do cliente — destaque só no avatar. */
.dash-chat-conv-avatar--aguardando-resposta {
  box-shadow: 0 0 0 2px #e53935;
}

.dash-chat-busca-banner {
  flex-shrink: 0;
  margin: 0 0 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.14) 0%, rgba(15, 118, 110, 0.08) 100%);
  border: 1px solid rgba(56, 211, 159, 0.35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
}

.dash-chat-busca-banner-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.dash-chat-busca-banner-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.2);
  color: #0f766e;
  flex-shrink: 0;
}

.dash-chat-busca-banner-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 140px;
}

.dash-chat-busca-banner-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #0f766e;
}

.dash-chat-busca-banner-query {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--texto-principal);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-chat-busca-banner-count {
  font-size: 0.78rem;
  color: var(--texto-secundario);
  white-space: nowrap;
}

.dash-chat-busca-banner-clear {
  margin-left: auto;
  padding: 6px 12px;
  border-radius: 10px;
  border: 1px solid rgba(15, 118, 110, 0.35);
  background: var(--fundo-formulario);
  color: #0f766e;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.dash-chat-busca-banner-clear:hover {
  background: rgba(56, 211, 159, 0.12);
  border-color: rgba(15, 118, 110, 0.55);
}

.dash-chat-conv-last--busca-snippet {
  font-size: 0.8rem;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dash-chat-msg--busca-alvo .dash-chat-msg-bubble {
  outline: 2px solid rgba(56, 211, 159, 0.85);
  outline-offset: 2px;
  border-radius: 14px;
  animation: dash-chat-msg-busca-pulse 2.8s ease-out forwards;
}

@keyframes dash-chat-msg-busca-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(56, 211, 159, 0.45);
  }
  35% {
    box-shadow: 0 0 0 10px rgba(56, 211, 159, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(56, 211, 159, 0);
  }
}
body.dark-mode .dash-chat-busca-banner {
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.12) 0%, rgba(15, 118, 110, 0.15) 100%);
  border-color: rgba(56, 211, 159, 0.28);
}

body.dark-mode .dash-chat-busca-banner-title {
  color: #5eead4;
}

body.dark-mode .dash-chat-busca-banner-clear {
  background: rgba(30, 41, 59, 0.6);
  color: #5eead4;
  border-color: rgba(94, 234, 212, 0.35);
}

.dash-chat-conv-row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
}

.dash-chat-conv-avatar {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.3s ease;
  box-sizing: border-box;
}

.dash-chat-conv-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dash-chat-conv-avatar i {
  font-size: 18px;
  color: var(--texto-terciario);
}

.dash-chat-conv-body {
  flex: 1;
  min-width: 0;
}

.dash-chat-conv-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-principal);
  transition: color 0.3s ease;
}

.dash-chat-conv-name-left {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-chat-conv-obs-dot {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 2px var(--fundo-formulario);
}

.dash-chat-conv-time {
  flex-shrink: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--texto-terciario);
}

.dash-chat-conv-under-meta {
  position: absolute;
  right: 0;
  top: 22px;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin-top: 0;
  min-height: 0;
  max-width: 100%;
}

.dash-chat-conv-body:has(.dash-chat-conv-etapa) .dash-chat-conv-under-meta {
  top: 38px;
}

.dash-chat-conv-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  justify-content: flex-end;
  max-width: 100%;
}

.dash-chat-conv-tag {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 2px 6px 2px 4px;
  border-radius: 6px;
  background: rgba(56, 211, 159, 0.14);
  color: #1a7d5c;
  border: 1px solid rgba(56, 211, 159, 0.4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 8.2rem;
  cursor: default;
}

.dash-chat-conv-tag--icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #16a34a;
  color: #fff;
  border: 1px solid #15803d;
  box-shadow: 0 4px 10px rgba(22, 163, 74, 0.35);
  cursor: pointer;
  line-height: 1;
}

.dash-chat-conv-tag--icon i {
  display: block;
  font-size: 11px;
  line-height: 1;
  transform: translateY(0.5px);
}

.dash-chat-conv-tag--icon.dash-chat-conv-tag--crm-motivo {
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  border-color: #9a3412;
  box-shadow: 0 4px 10px rgba(234, 88, 12, 0.35);
}

.dash-chat-conv-tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #38d39f;
  flex-shrink: 0;
}

body.dark .dash-chat-conv-tag {
  color: #7dffc8;
  background: rgba(56, 211, 159, 0.12);
  border-color: rgba(56, 211, 159, 0.28);
}
body.dark .dash-chat-conv-tag--icon {
  color: #fff;
  background: #16a34a;
  border-color: #15803d;
}
body.dark .dash-chat-conv-tag--icon.dash-chat-conv-tag--crm-motivo {
  background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
  border-color: #9a3412;
}

/* Modal de etiquetas: reutiliza .dash-chat-modal / .dash-chat-modal-backdrop (mesmo padrão dos outros modais do chat). */
.dash-chat-modal--etiquetas {
  width: min(420px, 92vw);
  max-height: 88vh;
  box-sizing: border-box;
  border: 1px solid var(--cor-borda, #e1e1e1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dash-chat-modal-body--etiquetas {
  flex: 1;
  min-height: 0;
  max-height: min(400px, 55vh);
  overflow: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.dash-chat-etiquetas-checklist {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dash-chat-etiqueta-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.dash-chat-etiqueta-item:hover {
  background: var(--fundo-corpo, #f7faf7);
  border-color: rgba(56, 211, 159, 0.25);
}
.dash-chat-etiqueta-item input[type=checkbox] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  accent-color: #38d39f;
  cursor: pointer;
}

.dash-chat-etiqueta-nome {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--texto-principal, #0f172a);
}

.dash-chat-etiquetas-empty {
  margin: 0;
  padding: 12px 4px 4px;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--texto-secundario, #64748b);
}

.dash-chat-etiquetas-foot {
  padding: 12px 18px 16px;
  border-top: 1px solid var(--cor-borda, #e2e8f0);
  background: var(--fundo-corpo, #f8faf8);
  flex-shrink: 0;
}

.dash-chat-etiquetas-link {
  font-family: "Poppins", sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #1a7d5c;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.dash-chat-etiquetas-link:hover {
  text-decoration: underline;
  color: #38d39f;
}

.dash-chat-conv-last {
  font-family: "Poppins", sans-serif;
  font-size: 0.8125rem;
  color: var(--texto-secundario);
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}

.dash-chat-badge {
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #38d39f;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 0 6px;
}

.dash-chat-peer {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dash-chat-peer-avatar {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
  transition: background 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-chat-peer-avatar i {
  font-size: 20px;
  color: var(--texto-terciario);
  transition: color 0.3s ease;
}

.dash-chat-peer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

.dash-chat-peer-name {
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--texto-principal);
  transition: color 0.3s ease;
}

.dash-chat-peer .dash-chat-peer-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.dash-chat-peer-tel {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--texto-secundario, #64748b);
  letter-spacing: 0.02em;
}

.dash-chat-peer-sub {
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--texto-terciario);
  transition: color 0.3s ease;
}

.dash-chat-right-top-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.dash-chat-right-top-row .dash-chat-peer {
  flex: 1;
  min-width: 0;
}

/* Sem conversa aberta: nunca mostrar ações do topo (evita flex vencer o atributo hidden) */
.dash-chat-right--no-conv .dash-chat-conv-actions {
  display: none !important;
}

.dash-chat-conv-actions[hidden] {
  display: none !important;
}

.dash-chat-conv-actions:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* --- Ações do topo em telas muito pequenas: virar menu "..." --- */
.dash-chat-actions-more-btn {
  display: none;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 12px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.dash-chat-actions-more-btn i {
  font-size: 1rem;
  line-height: 1;
}

.dash-chat-actions-more-menu {
  display: none;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  min-width: 220px;
  max-width: min(320px, 100vw - 16px);
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
  overflow: hidden;
  z-index: 6000;
}

.dash-chat-actions-more-menu.is-open {
  display: block;
}

.dash-chat-actions-more-item {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--texto-secundario);
  transition: background 0.15s ease, color 0.15s ease;
}

.dash-chat-actions-more-item i {
  width: 16px;
  text-align: center;
  color: #38d39f;
}

.dash-chat-actions-more-item:hover {
  background: rgba(56, 211, 159, 0.08);
  color: #24b47e;
}

.dash-chat-actions-more-item--danger i,
.dash-chat-actions-more-item--danger:hover {
  color: #dc2626;
}

.dash-chat-actions-more-sep {
  height: 1px;
  background: var(--cor-borda);
  opacity: 0.8;
}

/*
  Colapso menu "…": (1) viewport md e abaixo; (2) coluna do chat estreita (grid 3 colunas em tela grande).
  O @container usa a largura de .dash-chat-right; o @media cobre browsers sem container queries.
*/
@container dash-chat-right (max-width: 680px) {
  .dash-chat-conv-actions {
    position: relative;
  }
  .dash-chat-conv-actions > :not(.dash-chat-actions-more-btn):not(.dash-chat-actions-more-menu):not(.dash-chat-crm-obs-open-btn) {
    display: none !important;
  }
  .dash-chat-actions-more-btn {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 991px) {
  .dash-chat-shell--crm .dash-chat-conv-actions {
    position: relative;
  }
  .dash-chat-shell--crm .dash-chat-conv-actions > :not(.dash-chat-actions-more-btn):not(.dash-chat-actions-more-menu):not(.dash-chat-crm-obs-open-btn) {
    display: none !important;
  }
  .dash-chat-shell--crm .dash-chat-actions-more-btn {
    display: inline-flex;
  }
}
/* Arquivar: botão só ícone (círculo), à parte do pill “Nome”. */
.dash-chat-btn-arquivar-lead {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(148, 163, 184, 0.65);
  background: var(--fundo-corpo);
  color: #64748b;
  font-size: 1rem;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.dash-chat-btn-arquivar-lead i {
  line-height: 1;
}

.dash-chat-btn-arquivar-lead:hover:not(:disabled) {
  border-color: #94a3b8;
  color: #334155;
  background: rgba(148, 163, 184, 0.14);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.dash-chat-btn-arquivar-lead:active:not(:disabled) {
  transform: scale(0.96);
}

.dash-chat-btn-arquivar-lead:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(56, 211, 159, 0.35);
}

.dash-chat-btn-arquivar-lead:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dash-chat-conv-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dash-chat-conv-action-btn i {
  font-size: 0.85rem;
  color: #e67e22;
  transition: color 0.2s ease;
}

.dash-chat-conv-action-btn:hover {
  border-color: #e67e22;
  background: rgba(230, 126, 34, 0.06);
}

.dash-chat-conv-action-btn:hover i {
  color: #d35400;
}

.dash-chat-crm-obs-open-btn.dash-chat-conv-action-btn {
  position: relative;
}

.dash-chat-crm-obs-open-btn--has::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #f59e0b;
  box-shadow: 0 0 0 2px var(--fundo-formulario);
}

.dash-chat-conv-delete {
  flex-shrink: 0;
  align-self: center;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: var(--texto-terciario);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, background 0.2s ease;
}

.dash-chat-conv-delete:hover {
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.08);
}

.dash-chat-conv-delete:focus-visible {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}

.dash-chat-action-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.dash-chat-action-icon:hover {
  border-color: #38d39f;
  color: #38d39f;
}

.dash-chat-action-icon--danger:hover {
  border-color: #e74c3c;
  color: #e74c3c;
  background: rgba(231, 76, 60, 0.06);
}

.dash-chat-msg-delete-bar:not([hidden]) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 10px 18px;
  border-top: 1px solid var(--cor-borda);
  background: rgba(56, 211, 159, 0.06);
  flex-shrink: 0;
}

.dash-chat-delete-bar-count {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  color: var(--texto-principal);
  flex: 1;
  text-align: center;
  min-width: 120px;
}

.dash-chat-delete-bar-btn {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  color: var(--texto-principal);
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.dash-chat-delete-bar-btn:hover {
  border-color: #38d39f;
}

.dash-chat-delete-bar-btn--primary {
  border-color: #e74c3c;
  color: #e74c3c;
}

.dash-chat-delete-bar-btn--primary:hover:not(:disabled) {
  background: rgba(231, 76, 60, 0.08);
}

.dash-chat-delete-bar-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.dash-chat-msg-row--select {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 100%;
  width: 100%;
}

.dash-chat-msg-row--select:not(.dash-chat-msg-row--mine) {
  justify-content: flex-start;
}

.dash-chat-msg-row--select.dash-chat-msg-row--mine {
  justify-content: flex-end;
}

.dash-chat-msg-row--select:not(.dash-chat-msg-row--mine) .dash-chat-msg {
  flex: 1;
  min-width: 0;
}

.dash-chat-msg-row--select.dash-chat-msg-row--mine .dash-chat-msg {
  flex: 0 1 auto;
  max-width: min(640px, 82%);
  min-width: 0;
}

.dash-chat-msg-select {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 10px;
  min-width: 28px;
  min-height: 28px;
  cursor: pointer;
}

.dash-chat-msg-select input.dash-chat-msg-check {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}

.dash-chat-msg-select-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-formulario);
  box-shadow: 0 1px 3px rgba(21, 21, 21, 0.06);
  transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  pointer-events: none;
}

.dash-chat-msg-select:hover .dash-chat-msg-select-box {
  border-color: #38d39f;
  box-shadow: 0 2px 8px rgba(56, 211, 159, 0.2);
}

.dash-chat-msg-select input:focus-visible + .dash-chat-msg-select-box {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}

.dash-chat-msg-select input:checked + .dash-chat-msg-select-box {
  background: linear-gradient(145deg, #38d39f, #2eb88a);
  border-color: #2aa67e;
  box-shadow: 0 2px 10px rgba(56, 211, 159, 0.45);
}

.dash-chat-msg-select input:checked + .dash-chat-msg-select-box::after {
  content: "";
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-0.5px, -1px);
  margin-bottom: 2px;
}

.dash-chat-search--inside {
  margin-top: 12px;
}

.dash-chat-messages {
  position: relative;
  padding: 18px;
  flex: 1;
  min-height: 0;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.dash-chat-empty {
  font-family: "Poppins", sans-serif;
  color: var(--texto-secundario);
  opacity: 0.9;
  padding: 6px;
}

.dash-chat-msg {
  display: flex;
  max-width: 100%;
  min-width: 0;
}

.dash-chat-msg--me {
  justify-content: flex-end;
}

.dash-chat-msg--other {
  justify-content: flex-start;
}

.dash-chat-msg-bubble {
  max-width: min(640px, 82%);
  width: fit-content;
  min-width: 0;
  border-radius: 12px;
  padding: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: background 0.3s ease, border-color 0.3s ease;
  box-sizing: border-box;
  overflow: hidden;
}

.dash-chat-msg--me .dash-chat-msg-bubble {
  background: rgba(56, 211, 159, 0.08);
  border-color: rgba(56, 211, 159, 0.35);
}

.dash-chat-msg--agent .dash-chat-msg-bubble {
  background: rgba(99, 102, 241, 0.12);
  border-color: rgba(99, 102, 241, 0.45);
}

.dash-chat-msg-meta--agent {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 10px;
}

.dash-chat-msg-meta-agent-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #4338ca;
}
.dash-chat-msg-meta-agent-label i {
  font-size: 0.82rem;
  color: #6366f1;
}

.dash-chat-msg-time {
  font-weight: 600;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  white-space: nowrap;
}

.dash-chat-msg-meta--agent .dash-chat-msg-time {
  color: #64748b;
  font-weight: 600;
}

body.dark-mode .dash-chat-msg-meta--agent .dash-chat-msg-time {
  color: #94a3b8;
}

.dash-chat-msg-sender {
  font-weight: 500;
  color: var(--texto-terciario);
}

.dash-chat-msg-text {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: var(--texto-principal);
  white-space: pre-wrap;
  word-break: break-word;
  transition: color 0.3s ease;
}

.dash-chat-msg-text--wa-caption {
  margin-bottom: 8px;
}

/* Mesma largura máxima e faixa vertical que o card de veículo no chat (`.dash-chat-carro-card .carro-card-img`). */
.dash-chat-msg-wa-media {
  max-width: min(100%, 320px);
  width: 100%;
}

.dash-chat-msg-wa-media-wrap {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0;
  min-height: 88px;
  max-height: 112px;
}

.dash-chat-msg-wa-media-img {
  display: block;
  width: 100%;
  height: 100px;
  max-height: 112px;
  min-height: 88px;
  object-fit: cover;
  border-radius: 10px;
}

.dash-chat-msg-wa-media-actions {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px;
  border-radius: 10px;
  background: rgba(4, 12, 22, 0.55);
  opacity: 0;
  transition: opacity 0.18s ease;
  pointer-events: none;
  box-sizing: border-box;
}

.dash-chat-msg-wa-media-wrap:hover .dash-chat-msg-wa-media-actions,
.dash-chat-msg-wa-media-wrap:focus-within .dash-chat-msg-wa-media-actions {
  opacity: 1;
  pointer-events: auto;
}

@media (hover: none) {
  .dash-chat-msg-wa-media-actions {
    opacity: 1;
    pointer-events: auto;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, transparent 35%, rgba(4, 12, 22, 0.72) 100%);
  }
}
.dash-chat-msg-wa-media-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.dash-chat-msg-wa-media-btn i {
  font-size: 12px;
}
.dash-chat-msg-wa-media-btn:hover {
  background: rgba(56, 211, 159, 0.25);
  border-color: rgba(56, 211, 159, 0.45);
}

body.dash-chat-wa-img-lightbox-open {
  overflow: hidden;
}

.dash-chat-wa-img-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
}
.dash-chat-wa-img-lightbox[hidden] {
  display: none !important;
}
.dash-chat-wa-img-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: none;
  padding: 0;
  margin: 0;
  background: rgba(4, 10, 18, 0.88);
  cursor: pointer;
}
.dash-chat-wa-img-lightbox__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  max-width: min(96vw, 920px);
  max-height: 92vh;
}
.dash-chat-wa-img-lightbox__close {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
}
.dash-chat-wa-img-lightbox__close:hover {
  background: rgba(56, 211, 159, 0.25);
  color: #2fffd0;
}
.dash-chat-wa-img-lightbox__img {
  display: block;
  max-width: min(96vw, 920px);
  max-height: calc(92vh - 56px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
}
.dash-chat-wa-img-lightbox__download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.18);
  border: 1px solid rgba(56, 211, 159, 0.35);
  color: #2fffd0;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.dash-chat-wa-img-lightbox__download:hover {
  background: rgba(56, 211, 159, 0.28);
}

.dash-chat-msg-wa-pdf-wrap {
  position: relative;
  max-width: min(100%, 320px);
  border-radius: 10px;
  overflow: hidden;
}

.dash-chat-msg-wa-pdf-card {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}

.dash-chat-msg-wa-pdf-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(220, 53, 69, 0.18);
  color: #f87171;
  font-size: 22px;
}

.dash-chat-msg-wa-pdf-nome {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--texto-principal, #e8eef4);
  line-height: 1.3;
  word-break: break-word;
}

.dash-chat-msg-wa-pdf-wrap .dash-chat-msg-wa-media-actions {
  border-radius: 10px;
}

body.dash-chat-wa-pdf-lightbox-open {
  overflow: hidden;
}

.dash-chat-wa-pdf-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}
.dash-chat-wa-pdf-lightbox[hidden] {
  display: none !important;
}
.dash-chat-wa-pdf-lightbox__backdrop {
  position: absolute;
  inset: 0;
  border: none;
  padding: 0;
  margin: 0;
  background: rgba(4, 10, 18, 0.88);
  cursor: pointer;
}
.dash-chat-wa-pdf-lightbox__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  width: min(96vw, 920px);
  max-height: 92vh;
}
.dash-chat-wa-pdf-lightbox__close {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 2;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  cursor: pointer;
}
.dash-chat-wa-pdf-lightbox__close:hover {
  background: rgba(56, 211, 159, 0.25);
  color: #2fffd0;
}
.dash-chat-wa-pdf-lightbox__frame {
  display: block;
  width: 100%;
  height: min(78vh, 720px);
  min-height: 320px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: #fff;
}
.dash-chat-wa-pdf-lightbox__download {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.18);
  border: 1px solid rgba(56, 211, 159, 0.35);
  color: #2fffd0;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.dash-chat-wa-pdf-lightbox__download:hover {
  background: rgba(56, 211, 159, 0.28);
}

.dash-chat-msg-audio {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(100%, 268px);
  min-width: 200px;
  max-width: 100%;
  margin: 4px 0 2px;
  padding: 2px 0;
  box-sizing: border-box;
}
.dash-chat-msg-audio--loading {
  opacity: 0.88;
}
.dash-chat-msg-audio--loading .dash-chat-msg-audio-time {
  color: var(--texto-terciario);
}
.dash-chat-msg-audio--buffering .dash-chat-msg-audio-play {
  opacity: 0.65;
  pointer-events: none;
}

.dash-chat-msg-audio-play {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(56, 211, 159, 0.35);
  border-radius: 50%;
  background: rgba(56, 211, 159, 0.12);
  color: #19a36f;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
  line-height: 1;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.dash-chat-msg-audio-play:hover {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.5);
}
.dash-chat-msg-audio-play:focus-visible {
  outline: 2px solid rgba(56, 211, 159, 0.55);
  outline-offset: 2px;
}

.dash-chat-msg-audio-track {
  flex: 1;
  min-width: 0;
  height: 4px;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.25);
  position: relative;
  overflow: hidden;
}

.dash-chat-msg-audio-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #38d39f, #19d78c);
  transition: width 0.12s linear;
}

.dash-chat-msg-audio-time {
  flex-shrink: 0;
  min-width: 38px;
  font-family: "Poppins", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--texto-secundario);
  text-align: right;
  line-height: 1.2;
}

.dash-chat-msg--other .dash-chat-msg-audio-play {
  background: rgba(100, 116, 139, 0.12);
  border-color: rgba(100, 116, 139, 0.28);
  color: #64748b;
}

.dash-chat-msg--other .dash-chat-msg-audio-fill {
  background: linear-gradient(90deg, #94a3b8, #64748b);
}

.dash-chat-audio-panel[hidden] {
  display: none !important;
}

.dash-chat-audio-panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--fundo-formulario, #101c2d);
  border: 1px solid var(--cor-borda, rgba(255, 255, 255, 0.08));
  color: var(--texto-principal, #e8edf3);
  box-sizing: border-box;
}

.dash-chat-audio-panel-status {
  display: flex;
  align-items: center;
  gap: 10px 12px;
  flex-wrap: wrap;
  min-height: 36px;
}

.dash-chat-audio-rec-vis {
  display: inline-flex;
  align-items: flex-end;
  gap: 3px;
  height: 26px;
  flex-shrink: 0;
}
.dash-chat-audio-rec-vis[hidden] {
  display: none !important;
}

.dash-chat-audio-wave {
  display: block;
  width: 3px;
  border-radius: 2px;
  background: #ef4444;
  transform-origin: center bottom;
  animation: dash-chat-audio-wave 0.9s ease-in-out infinite;
}
.dash-chat-audio-wave:nth-child(1) {
  height: 10px;
  animation-delay: 0s;
}
.dash-chat-audio-wave:nth-child(2) {
  height: 16px;
  animation-delay: 0.12s;
}
.dash-chat-audio-wave:nth-child(3) {
  height: 22px;
  animation-delay: 0.24s;
}
.dash-chat-audio-wave:nth-child(4) {
  height: 14px;
  animation-delay: 0.36s;
}
.dash-chat-audio-wave:nth-child(5) {
  height: 18px;
  animation-delay: 0.48s;
}

@keyframes dash-chat-audio-wave {
  0%, 100% {
    transform: scaleY(0.4);
    opacity: 0.45;
  }
  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}
.dash-chat-audio-timer {
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 1.05rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #ef4444;
  min-width: 44px;
  line-height: 1.2;
}

.dash-chat-audio-status-text {
  flex: 1;
  min-width: 0;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--texto-secundario, #8fa3bf);
  line-height: 1.35;
}

.dash-chat-audio-preview-el {
  flex: 1 1 160px;
  min-width: 120px;
  max-width: 100%;
  height: 36px;
  margin: 0;
  border-radius: 8px;
  filter: invert(0.92) hue-rotate(180deg);
}
.dash-chat-audio-preview-el[hidden] {
  display: none !important;
}

.dash-chat-audio-panel--preview .dash-chat-audio-timer {
  color: #1fe58e;
}

.dash-chat-audio-panel-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.dash-chat-audio-act {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.15s ease, opacity 0.2s ease, background 0.2s ease;
}
.dash-chat-audio-act:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}
.dash-chat-audio-act:hover:not(:disabled) {
  transform: scale(1.06);
}
.dash-chat-audio-act:focus-visible {
  outline: 2px solid rgba(31, 229, 142, 0.5);
  outline-offset: 2px;
}
.dash-chat-audio-act--discard {
  background: rgba(239, 68, 68, 0.12);
  color: #f87171;
}
.dash-chat-audio-act--discard:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.22);
}
.dash-chat-audio-act--toggle {
  background: rgba(239, 68, 68, 0.18);
  color: #fff;
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.35);
}
.dash-chat-audio-act--toggle:hover:not(:disabled) {
  background: #ef4444;
}
.dash-chat-audio-act--send {
  background: linear-gradient(135deg, #19d78c, #13b676);
  color: #fff;
}
.dash-chat-audio-act--send:hover:not(:disabled) {
  filter: brightness(1.06);
}
.dash-chat-audio-act--sending {
  opacity: 0.65;
  pointer-events: none;
}

.dash-chat-compose-wrap--audio .dash-chat-audio-btn {
  color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.14) !important;
}
.dash-chat-compose-wrap--audio .dash-chat-audio-btn:hover:not(:disabled) {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #fff !important;
}

.dash-chat-msg-meta {
  margin-top: 6px;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--texto-terciario);
  transition: color 0.3s ease;
}

/** Atendente / IA + hora + ticks WhatsApp numa única linha (alinhada à direita na bolha). */
.dash-chat-msg-meta--inline-end {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px 8px;
}

.dash-chat-msg-meta--inline-end .dash-chat-msg-wa-deliv {
  margin-top: 0;
}

.dash-chat-msg-meta-sep {
  color: var(--texto-terciario);
  opacity: 0.65;
  font-weight: 500;
  user-select: none;
}

/* Entrega WhatsApp (✓ / ✓✓) — só mensagens “nossas” com lead no CRM */
.dash-chat-msg-wa-deliv {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
  gap: 1px;
  font-size: 0.72rem;
  line-height: 1;
  user-select: none;
}

.dash-chat-msg-wa-deliv .dash-chat-msg-wa-tick {
  font-style: normal;
  font-weight: 700;
  color: rgba(100, 116, 139, 0.85);
  letter-spacing: -2px;
}

.dash-chat-msg-wa-deliv--delivered .dash-chat-msg-wa-tick {
  color: rgba(100, 116, 139, 0.95);
}

.dash-chat-msg-wa-deliv--read .dash-chat-msg-wa-tick {
  color: #53bdeb;
}

.dash-chat-msg-wa-deliv--failed {
  appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
}

.dash-chat-msg-wa-deliv--failed .dash-chat-msg-wa-tick {
  color: #ef4444;
  letter-spacing: 0;
}

.dash-chat-msg-wa-erro {
  margin: 6px 0 0;
  padding: 6px 8px;
  border-radius: 8px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.28);
  color: #fecaca;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  line-height: 1.35;
  word-break: break-word;
}
.dash-chat-msg-wa-erro i {
  color: #f87171;
  margin-right: 4px;
}

.message.sent .dash-chat-msg-wa-erro {
  text-align: left;
}

.dash-chat-msg-carro-link {
  margin-bottom: 4px;
}

.dash-chat-msg-carro-link a {
  color: #38d39f;
  font-weight: 600;
  text-decoration: none;
}

.dash-chat-msg-carro-link a:hover {
  text-decoration: underline;
}

.dash-chat-carro-card {
  margin-top: 8px;
  max-width: min(100%, 320px);
  width: 100%;
  min-width: 0;
}

.dash-chat-carro-card .carro-card {
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
  z-index: 0;
  background: var(--fundo-formulario);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--cor-borda);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  box-sizing: border-box;
}

.dash-chat-carro-card .carro-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(21, 21, 21, 0.1);
}

.dash-chat-carro-card .carro-card-img {
  width: 92px;
  min-width: 92px;
  height: auto;
  min-height: 88px;
  max-height: 112px;
  overflow: hidden;
  background: var(--cor-borda);
  border-radius: 0;
  flex-shrink: 0;
  align-self: stretch;
}

.dash-chat-carro-card .carro-card-img img {
  width: 100%;
  height: 100%;
  min-height: 88px;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.dash-chat-carro-card .carro-card:hover .carro-card-img img {
  transform: scale(1.04);
}

.dash-chat-carro-card .carro-card-body {
  padding: 8px 10px 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.dash-chat-carro-card .carro-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 0;
}

.dash-chat-carro-card .carro-card-titulo-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.dash-chat-carro-card .carro-card-nome {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.78rem;
  line-height: 1.25;
  color: var(--texto-principal);
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.dash-chat-carro-card .carro-card-status {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.6rem;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  flex-shrink: 0;
}

.dash-chat-carro-card .carro-card-status--disponivel {
  background: rgba(56, 211, 159, 0.12);
  color: #1f8f68;
}

.dash-chat-carro-card .carro-card-status--vendido {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
}

.dash-chat-carro-card .carro-card-status--reservado {
  background: rgba(31, 41, 55, 0.12);
  color: #1f2937;
}

.dash-chat-carro-card .carro-card-detalhes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px 10px;
  margin-bottom: 0;
  flex: 0 0 auto;
  min-width: 0;
}

.dash-chat-carro-card .carro-card-detalhe-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.65rem;
  color: var(--texto-secundario);
}

.dash-chat-carro-card .carro-card-detalhe-item i {
  color: #38d39f;
  font-size: 0.6rem;
  width: 11px;
  text-align: center;
  flex-shrink: 0;
}

.dash-chat-carro-card .carro-card-detalhe-item span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dash-chat-carro-card .carro-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 2px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.dash-chat-carro-card .carro-card-valor {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  line-height: 1.2;
  color: #1f8f68;
}

.dash-chat-carro-card .carro-card-extras {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-height: 0;
  margin-top: 2px;
}

.dash-chat-carro-card .carro-card-indicadores {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  min-width: 0;
}

.dash-chat-carro-card .carro-card-indicador {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  font-size: 0.6rem;
}

.dash-chat-carro-card .carro-card-indicador--sim {
  background: rgba(56, 211, 159, 0.1);
  color: #38d39f;
}

.dash-chat-carro-card .carro-card-indicador--nao {
  background: rgba(220, 53, 69, 0.1);
  color: #dc3545;
  opacity: 0.7;
}

.dash-chat-carro-card .carro-card-observacao-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.dash-chat-carro-card .carro-card-observacao-icon {
  color: #ff9800;
  font-size: 0.85rem;
}

.dash-chat-carro-card .carro-card-observacao-tooltip {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  max-height: min(50vh, 280px);
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 1.4;
  white-space: normal;
  max-width: 250px;
  min-width: 200px;
  word-wrap: break-word;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  visibility: hidden;
}

.dash-chat-carro-card .carro-card-observacao-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.95);
}

.dash-chat-carro-card .carro-card-observacao-wrapper:hover .carro-card-observacao-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.carro-card--chat .carro-card-acoes {
  display: none !important;
}

.dash-chat-compose-wrap {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.dash-chat-compose {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-top: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.dash-chat-compose input {
  flex: 1;
  box-sizing: border-box;
  height: 52px;
  padding: 0 16px;
  border: 2px solid var(--cor-borda);
  border-radius: 12px;
  background: none;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  line-height: 1.35;
  color: var(--texto-principal);
  outline: none;
  transition: border-color 0.3s ease, color 0.3s ease;
  min-width: 0;
}

.dash-chat-compose input:focus {
  border-color: #38d39f;
}

.dash-chat-compose .dash-chat-attach-btn {
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-chat-compose .dash-chat-attach-btn i {
  font-size: 18px;
  line-height: 1;
}

.dash-chat-compose .dash-chat-attach-btn:hover:not(:disabled) {
  border-color: #38d39f;
  color: #38d39f;
}

.dash-chat-compose .dash-chat-attach-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dash-chat-compose .dash-chat-attach-btn--crm:hover:not(:disabled) {
  border-color: #25d366;
  color: #128c3a;
}

.dash-chat-compose button[type=submit] {
  box-sizing: border-box;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-chat-compose button[type=submit] i {
  font-size: 18px;
  line-height: 1;
}

.dash-chat-compose button[type=submit]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(21, 21, 21, 0.1);
}

.dash-chat-compose button[type=submit]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dash-chat-compose button[type=submit]:disabled,
.dash-chat-compose input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dash-chat-ia-compose-panel {
  padding: 0 18px 12px;
  background: var(--fundo-corpo);
  border-top: 1px dashed rgba(56, 211, 159, 0.35);
}

.dash-chat-ia-compose-panel[hidden] {
  display: none !important;
}

.dash-chat-ia-compose-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0 8px;
}

.dash-chat-ia-compose-panel-head span {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--texto-secundario);
}

.dash-chat-ia-compose-panel-fechar {
  border: none;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1;
  color: var(--texto-terciario);
  cursor: pointer;
  padding: 2px 8px;
  border-radius: 8px;
}

.dash-chat-ia-compose-panel-fechar:hover {
  color: #38d39f;
  background: rgba(56, 211, 159, 0.08);
}

.dash-chat-ia-compose-panel-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 220px;
  overflow-y: auto;
}

.dash-chat-ia-compose-sug {
  text-align: left;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  line-height: 1.35;
  color: var(--texto-principal);
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.dash-chat-ia-compose-sug:hover {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.06);
}

.dash-chat-compose .dash-chat-ia-compose-btn i {
  color: #38d39f;
}

.dash-chat-compose .dash-chat-ia-compose-btn:hover:not(:disabled) i {
  color: #2fb888;
}

.dash-chat-compose .dash-chat-ia-compose-btn--busy {
  opacity: 0.75;
  pointer-events: none;
}

.dash-chat-wa-meta-cta-wrap {
  flex-shrink: 0;
  padding: 16px 18px 18px;
  border-top: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
}

.dash-chat-wa-meta-cta-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dash-chat-wa-meta-cta-hint {
  margin: 0 0 14px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.dash-chat-wa-meta-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  min-height: 52px;
  padding: 0 18px;
  border: 2px solid #25d366;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(37, 211, 102, 0.12), rgba(18, 140, 58, 0.08));
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.dash-chat-wa-meta-cta-btn .fab {
  font-size: 1.25rem;
  color: #25d366;
}

.dash-chat-wa-meta-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(18, 140, 58, 0.2);
  background: linear-gradient(135deg, rgba(37, 211, 102, 0.2), rgba(18, 140, 58, 0.12));
}

.dash-chat-wa-meta-cta-btn--secondary {
  border-color: var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
}
.dash-chat-wa-meta-cta-btn--secondary .fas {
  font-size: 1.05rem;
  color: var(--texto-secundario);
}
.dash-chat-wa-meta-cta-btn--secondary:hover {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.08);
  box-shadow: none;
}

.dash-chat-wa-meta-panel-head {
  margin: 0 0 12px;
}

.dash-chat-wa-meta-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.dash-chat-wa-meta-back:hover {
  border-color: #38d39f;
  color: var(--texto-principal);
}

/* Fora da janela de 24h: só botões de template e ver observações; sem caixa de texto. */
.dash-chat-right--template-only #chatComposeResponderPane,
.dash-chat-right--template-only .chat-compose-panel,
.dash-chat-right--template-only .dash-chat-audio-panel,
.dash-chat-right--template-only .dash-chat-ia-compose-panel {
  display: none !important;
}

.dash-chat-wa-meta-panel {
  flex-shrink: 0;
  padding: 14px 18px 16px;
  border-top: 1px solid var(--cor-borda);
  background: linear-gradient(180deg, rgba(37, 211, 102, 0.06), transparent);
}

.dash-chat-wa-meta-panel-hint {
  margin: 0 0 12px;
  font-size: 0.88rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.dash-chat-wa-meta-panel-row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.dash-chat-wa-meta-select-wrap {
  flex: 1;
  min-width: 0;
}

.dash-chat-wa-meta-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--texto-terciario);
  margin-bottom: 6px;
  letter-spacing: 0.02em;
}

.dash-chat-wa-meta-select {
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
  padding: 10px 12px;
  border: 2px solid var(--cor-borda);
  border-radius: 12px;
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Outfit", "Poppins", sans-serif;
  font-size: 0.9rem;
}

.dash-chat-wa-meta-select:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.dash-chat-wa-meta-send {
  box-sizing: border-box;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(135deg, #25d366, #128c3a);
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  flex-shrink: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dash-chat-wa-meta-send:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(18, 140, 58, 0.25);
}

.dash-chat-wa-meta-send:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.dash-chat-wa-meta-loading {
  margin: 10px 0 0;
  font-size: 0.82rem;
  color: var(--texto-terciario);
}

.dash-chat-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(21, 21, 21, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 20px;
  box-sizing: border-box;
  /* O `display: flex` acima vence o atributo hidden do HTML sem isto. */
}
.dash-chat-modal-backdrop[hidden] {
  display: none !important;
}

.dash-chat-modal {
  width: min(560px, 92vw);
  max-height: 80vh;
  overflow: auto;
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(21, 21, 21, 0.15), 0 8px 25px rgba(21, 21, 21, 0.12), 0 3px 10px rgba(21, 21, 21, 0.08);
}

.dash-chat-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 18px;
  border-bottom: 1px solid var(--cor-borda);
  transition: border-color 0.3s ease;
}

.dash-chat-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #38d39f;
}

.dash-chat-modal-close {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.dash-chat-modal-close:hover {
  background: #38d39f;
  color: #fff;
}

.dash-chat-modal-body {
  padding: 14px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dash-chat-modal-label {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--texto-secundario, #64748b);
}

.dash-chat-modal-textinput {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border-radius: 12px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
}

.dash-chat-modal-textinput:focus {
  outline: none;
  border-color: #38d39f;
}

.dash-chat-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
  flex-wrap: wrap;
}

.dash-chat-modal-btn {
  font-family: "Poppins", sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 12px;
  cursor: pointer;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.dash-chat-modal-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.dash-chat-modal-btn--secondary:hover:not(:disabled) {
  border-color: #94a3b8;
  background: rgba(148, 163, 184, 0.1);
}

.dash-chat-modal-btn--primary {
  border-color: #38d39f;
  background: #38d39f;
  color: #fff;
}

.dash-chat-modal-btn--primary:hover:not(:disabled) {
  filter: brightness(1.05);
}

.dash-chat-modal-body--carros {
  padding-top: 8px;
  max-height: min(420px, 70vh);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.dash-chat-modal--crm-obs-carro .dash-chat-modal-body {
  max-height: min(520px, 72vh);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dash-chat-modal-actions--inline {
  margin-top: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

body.dark-mode .dash-chat-carro-modal-backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dark-mode .dash-chat-carro-modal {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  border-radius: 18px;
}
body.dark-mode .dash-chat-carro-modal-tabs {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .dash-chat-carro-modal-tab {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-tab.is-active {
  color: #e2e8f0;
  border-bottom-color: #38d39f;
}
body.dark-mode .dash-chat-carro-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-close:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dark-mode .dash-chat-carro-modal-close {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .dash-chat-carro-modal-head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .dash-chat-carro-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
}
body.dark-mode .dash-chat-carro-modal-sub {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-pill {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dark-mode .dash-chat-carro-modal-section h4 {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-tile,
body.dark-mode .dash-chat-carro-modal-badge,
body.dark-mode .dash-chat-carro-modal-note,
body.dark-mode .dash-chat-carro-modal-empty,
body.dark-mode .dash-chat-carro-modal-doc-item,
body.dark-mode .dash-chat-carro-modal-doc-viewer,
body.dark-mode .dash-chat-carro-carousel {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .dash-chat-carro-modal-tile-label {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-tile-value {
  color: #e2e8f0;
}
body.dark-mode .dash-chat-carro-modal-tile.is-empty .dash-chat-carro-modal-tile-value {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-badge {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-badge.is-on {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dark-mode .dash-chat-carro-modal-note {
  color: #e2e8f0;
}
body.dark-mode .dash-chat-carro-modal-empty,
body.dark-mode .dash-chat-carro-modal-empty--doc {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-doc-item-name {
  color: #e2e8f0;
}
body.dark-mode .dash-chat-carro-modal-doc-btn {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-mode .dash-chat-carro-modal-doc-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dark-mode .dash-chat-carro-modal-doc-btn {
  border-radius: 10px;
}
body.dark-mode .dash-chat-carro-modal-doc-btn--inline {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dark-mode .dash-chat-carro-modal-doc-btn--inline:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dark-mode .dash-chat-carro-modal-doc-viewer-toolbar {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dark-mode .dash-chat-carro-modal-doc-viewer-title {
  color: #94a3b8;
}
body.dark-mode .dash-chat-carro-modal-doc-viewer-clear {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dark-mode .dash-chat-carro-modal-doc-viewer-clear:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dark-mode .dash-chat-carro-modal-doc-viewer-clear {
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 0.75rem;
  cursor: pointer;
}
body.dark-mode .dash-chat-carro-modal-kv {
  color: #e2e8f0;
}

body.dash-page--crm-chat .dash-chat-modal-backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--crm-chat .dash-chat-modal {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  border-radius: 18px;
  max-width: min(480px, 92vw);
}
body.dash-page--crm-chat .dash-chat-modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
  font-size: 1.15rem;
}
body.dash-page--crm-chat .dash-chat-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-modal-close:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--crm-chat .dash-chat-modal-label,
body.dash-page--crm-chat .dash-chat-crm-obs-carro-pick-hint,
body.dash-page--crm-chat .dash-chat-carros-filter-empty,
body.dash-page--crm-chat .dash-chat-empty {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-modal-textinput,
body.dash-page--crm-chat .dash-chat-carros-search-wrap {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-modal-textinput::placeholder,
body.dash-page--crm-chat .dash-chat-carros-search-wrap::placeholder {
  color: #64748b;
}
body.dash-page--crm-chat .dash-chat-modal-textinput:focus,
body.dash-page--crm-chat .dash-chat-carros-search-wrap:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-chat .dash-chat-modal-textinput,
body.dash-page--crm-chat .dash-chat-carros-search-wrap {
  border-radius: 12px;
}
body.dash-page--crm-chat .dash-chat-carros-search-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
}
body.dash-page--crm-chat .dash-chat-carros-search-wrap .fa-search {
  color: #64748b;
}
body.dash-page--crm-chat .dash-chat-carros-search {
  color: #e2e8f0;
  background: transparent;
  border: none;
}
body.dash-page--crm-chat .dash-chat-modal-btn--primary {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--crm-chat .dash-chat-modal-btn--primary:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--crm-chat .dash-chat-modal-btn--primary {
  border-radius: 10px;
}
body.dash-page--crm-chat .dash-chat-modal-btn--secondary,
body.dash-page--crm-chat .dash-chat-modal-btn:not(.dash-chat-modal-btn--primary) {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-modal-btn--secondary:hover:not(:disabled),
body.dash-page--crm-chat .dash-chat-modal-btn:not(.dash-chat-modal-btn--primary):hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--crm-chat .dash-chat-modal-btn--secondary,
body.dash-page--crm-chat .dash-chat-modal-btn:not(.dash-chat-modal-btn--primary) {
  border-radius: 10px;
}
body.dash-page--crm-chat .dash-chat-carro-pick {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
body.dash-page--crm-chat .dash-chat-carro-pick:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm-chat .dash-chat-carro-pick.is-selected {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-chat .dash-chat-carro-pick-name {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-carro-pick-sub {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-pick-thumb {
  background: rgba(255, 255, 255, 0.06);
}
body.dash-page--crm-chat .dash-chat-crm-obs-carro-pick-block-title {
  color: #64748b;
}
body.dash-page--crm-chat .dash-chat-crm-obs-carro-pick-tile {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-user-pick:hover {
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--crm-chat .dash-chat-user-name {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-user-sub {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--crm-chat .dash-chat-carro-modal {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  border-radius: 18px;
}
body.dash-page--crm-chat .dash-chat-carro-modal-tabs {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-carro-modal-tab {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-tab.is-active {
  color: #e2e8f0;
  border-bottom-color: #38d39f;
}
body.dash-page--crm-chat .dash-chat-carro-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-close:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--crm-chat .dash-chat-carro-modal-close {
  border-color: rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-carro-modal-head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-carro-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
}
body.dash-page--crm-chat .dash-chat-carro-modal-sub {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-pill {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-carro-modal-section h4 {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-tile,
body.dash-page--crm-chat .dash-chat-carro-modal-badge,
body.dash-page--crm-chat .dash-chat-carro-modal-note,
body.dash-page--crm-chat .dash-chat-carro-modal-empty,
body.dash-page--crm-chat .dash-chat-carro-modal-doc-item,
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer,
body.dash-page--crm-chat .dash-chat-carro-carousel {
  background: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-carro-modal-tile-label {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-tile-value {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-carro-modal-tile.is-empty .dash-chat-carro-modal-tile-value {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-badge {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-badge.is-on {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--crm-chat .dash-chat-carro-modal-note {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-carro-modal-empty,
body.dash-page--crm-chat .dash-chat-carro-modal-empty--doc {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-item-name {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-btn {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-btn {
  border-radius: 10px;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-btn--inline {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-btn--inline:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer-toolbar {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer-title {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer-clear {
  background: transparent;
  color: #94a3b8;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer-clear:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.04);
  color: #e2e8f0;
  border-color: rgba(255, 255, 255, 0.16);
}
body.dash-page--crm-chat .dash-chat-carro-modal-doc-viewer-clear {
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 0.75rem;
  cursor: pointer;
}
body.dash-page--crm-chat .dash-chat-carro-modal-kv {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-etiquetas-foot {
  background: transparent;
  border-top-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-etiqueta-item:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(56, 211, 159, 0.25);
}
body.dash-page--crm-chat .dash-chat-etiqueta-nome {
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-etiquetas-empty {
  color: #94a3b8;
}
body.dash-page--crm-chat .dash-chat-etiquetas-link {
  color: #38d39f;
}
body.dash-page--crm-chat .dash-chat-etiquetas-link:hover {
  color: #5eecc0;
}

.dash-chat-crm-obs-carro-pick-hint {
  margin: 0;
  font-size: 0.78rem;
  color: var(--texto-secundario);
  line-height: 1.4;
}

.dash-chat-crm-obs-carro-pick-block {
  margin-bottom: 12px;
}

.dash-chat-crm-obs-carro-pick-block-title {
  margin: 0 0 8px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-terciario);
}

.dash-chat-crm-obs-carro-pick-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dash-chat-crm-obs-carro-pick-tile {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid var(--cor-borda);
  width: 88px;
  height: 66px;
}

.dash-chat-crm-obs-carro-pick-tile input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.dash-chat-crm-obs-carro-pick-tile input:focus-visible + .dash-chat-crm-obs-carro-pick-tile-visual {
  outline: 2px solid #38d39f;
  outline-offset: 2px;
}

.dash-chat-crm-obs-carro-pick-tile input:checked + .dash-chat-crm-obs-carro-pick-tile-visual {
  box-shadow: inset 0 0 0 3px rgba(56, 211, 159, 0.65);
}

.dash-chat-crm-obs-carro-pick-tile-visual {
  display: block;
  width: 100%;
  height: 100%;
}

.dash-chat-crm-obs-carro-pick-tile-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dash-chat-crm-obs-carro-pick-docs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dash-chat-crm-obs-carro-pick-doc-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.78rem;
  cursor: pointer;
  color: var(--texto-principal);
}

.dash-chat-crm-obs-carro-pick-doc-row i {
  margin-top: 2px;
  color: #38d39f;
}

/** Lista de veículos do estoque no modal: busca + scroll. */
.dash-chat-carros-picker {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
  min-height: 0;
  max-height: min(400px, 65vh);
}

.dash-chat-carros-search-wrap {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
}

.dash-chat-carros-search-wrap .fa-search {
  color: var(--texto-terciario);
  font-size: 0.85rem;
}

.dash-chat-carros-search {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  color: var(--texto-principal);
  outline: none;
}

.dash-chat-carros-search::placeholder {
  color: var(--texto-terciario);
}

.dash-chat-carros-filter-empty {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--texto-terciario);
  text-align: center;
  padding: 2px 0 0;
}

.dash-chat-carros-picker .dash-chat-carros-scroll {
  flex: 1 1 auto;
  min-height: 100px;
  max-height: none;
}

.dash-chat-carros-scroll {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
  overflow-x: hidden;
  max-height: min(400px, 65vh);
  padding-bottom: 4px;
}

.dash-chat-conv-list,
.dash-chat-messages,
.dash-chat-modal,
.dash-chat-carros-scroll,
.dash-chat-carro-card .carro-card-observacao-tooltip {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}

.dash-chat-conv-list::-webkit-scrollbar,
.dash-chat-messages::-webkit-scrollbar,
.dash-chat-modal::-webkit-scrollbar,
.dash-chat-carros-scroll::-webkit-scrollbar,
.dash-chat-carro-card .carro-card-observacao-tooltip::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.dash-chat-conv-list::-webkit-scrollbar-track,
.dash-chat-messages::-webkit-scrollbar-track,
.dash-chat-modal::-webkit-scrollbar-track,
.dash-chat-carros-scroll::-webkit-scrollbar-track,
.dash-chat-carro-card .carro-card-observacao-tooltip::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}

.dash-chat-conv-list::-webkit-scrollbar-thumb,
.dash-chat-messages::-webkit-scrollbar-thumb,
.dash-chat-modal::-webkit-scrollbar-thumb,
.dash-chat-carros-scroll::-webkit-scrollbar-thumb,
.dash-chat-carro-card .carro-card-observacao-tooltip::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.dash-chat-carro-pick {
  width: 100%;
  text-align: left;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  border-radius: 12px;
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: border-color 0.2s ease, background 0.2s ease;
}

.dash-chat-carro-pick:hover {
  border-color: #38d39f;
  background: rgba(56, 211, 159, 0.04);
}

.dash-chat-carro-pick-thumb {
  width: 56px;
  height: 44px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
}

.dash-chat-carro-pick-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.dash-chat-carro-pick-thumb--lead {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(37, 211, 102, 0.2);
}
.dash-chat-carro-pick-thumb--lead i {
  font-size: 1.25rem;
  color: #128c3a;
}

.dash-chat-carro-pick-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dash-chat-carro-pick-name {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-principal);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dash-chat-carro-pick-sub {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  color: var(--texto-terciario);
}

.dash-chat-user-pick {
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  border-radius: 12px;
  padding: 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  display: flex;
  align-items: center;
  gap: 12px;
}

.dash-chat-user-pick:hover {
  background: rgba(56, 211, 159, 0.05);
}

.dash-chat-user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: var(--cor-borda);
  display: flex;
  align-items: center;
  justify-content: center;
}

.dash-chat-user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dash-chat-user-avatar i {
  font-size: 16px;
  color: var(--texto-terciario);
}

.dash-chat-user-pick-text {
  flex: 1;
  min-width: 0;
}

.dash-chat-user-name {
  font-family: "Poppins", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-principal);
}

@media screen and (max-width: 1200px) {
  /* No mobile/tablet, continua SEM scroll de página: o chat ocupa o viewport e divide em duas linhas. */
  body.dash-page--chat .dash-chat-shell {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: stretch;
  }
  body.dash-page--chat .dash-chat-left,
  body.dash-page--chat .dash-chat-right {
    height: 100%;
    max-height: none;
    display: flex;
    min-height: 0;
  }
  body.dash-page--chat .dash-chat-conv-list,
  body.dash-page--chat .dash-chat-messages {
    max-height: none;
  }
}
.dash-chat-day-header {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 0 6px;
  margin: 0;
  pointer-events: none;
  background: transparent;
  box-shadow: none;
  isolation: isolate;
}
.dash-chat-day-header::before, .dash-chat-day-header::after {
  content: "";
  height: 1px;
  flex: 1;
  min-width: 0;
  opacity: 0.85;
  background: var(--cor-borda);
  position: relative;
  z-index: 1;
}

.dash-chat-day-header-frost {
  position: absolute;
  left: -18px;
  right: -18px;
  top: -18px;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: transparent;
}

.dash-chat-day-header--frost-active .dash-chat-day-header-frost {
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
  background: color-mix(in srgb, var(--fundo-corpo) 58%, transparent);
  mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
}

body.dark-mode .dash-chat-day-header--frost-active .dash-chat-day-header-frost {
  background: color-mix(in srgb, var(--fundo-corpo) 52%, transparent);
}

.dash-chat-day-header-pill {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: min(100%, 420px);
  padding: 4px 12px;
  border-radius: 999px;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  letter-spacing: 0.01em;
  color: var(--texto-terciario);
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

body.dark-mode .dash-chat-day-header-pill {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.dash-chat-msgs-load-older {
  display: flex;
  justify-content: center;
  padding: 8px 12px 4px;
  position: sticky;
  top: 0;
  z-index: 3;
  background: linear-gradient(180deg, var(--fundo-corpo, #f4f6f9) 70%, transparent);
}

.dash-chat-msgs-load-older-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px dashed rgba(30, 229, 157, 0.4);
  background: rgba(30, 229, 157, 0.08);
  color: var(--texto-secundario, #5a6a7e);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.15s ease;
}
.dash-chat-msgs-load-older-btn:hover:not(:disabled) {
  background: rgba(30, 229, 157, 0.14);
  border-color: rgba(30, 229, 157, 0.55);
}
.dash-chat-msgs-load-older-btn:disabled {
  opacity: 0.6;
  cursor: wait;
}

body.dark-mode .dash-chat-msgs-load-older {
  background: linear-gradient(180deg, #0b1219 70%, transparent);
}

.dash-chat-day-sep {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 2px 0 2px;
  user-select: none;
}

.dash-chat-day-sep::before,
.dash-chat-day-sep::after {
  content: "";
  height: 1px;
  flex: 1;
  opacity: 0.85;
  background: var(--cor-borda);
}

.dash-chat-day-sep span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  max-width: min(92%, 380px);
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0.01em;
  color: var(--texto-terciario);
  background: var(--fundo-corpo);
  border: 1px solid var(--cor-borda);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

body.dark-mode .dash-chat-day-sep span {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm,
body.dash-page--crm-chat .dash-chat-shell--crm {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) minmax(220px, 300px);
  gap: 0;
  align-items: stretch;
  /* Nunca quebrar linha no topo: em colunas estreitas os ícones subiam e cobriam nome/telefone. */
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-right-top-row,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-right-top-row {
  flex-wrap: nowrap;
  align-items: center;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-conv-actions,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-conv-actions {
  flex-wrap: nowrap;
  justify-content: flex-end;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm,
body.dash-page--crm-chat .dash-chat-shell--crm {
  /* Largura real da coluna de mensagens (não só o viewport) — ver @container abaixo. */
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-right,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-right {
  container-type: inline-size;
  container-name: dash-chat-right;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-peer-info,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-peer-info {
  min-width: 0;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-peer-name,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-peer-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm .dash-chat-peer-tel,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-peer-tel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.dash-page--crm-chat.dash-page--crm-chat-embed {
  overflow: hidden;
  height: 100%;
  margin: 0;
  background: #081018;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-layout,
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-main,
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-crm-chat-page {
  flex: 1;
  min-height: 0;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  background: #081018;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-chat-shell.dash-chat-shell--crm,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm {
  --dash-chat-col-h: 100% !important;
  flex: 1;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 32%) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  overflow: hidden;
  background: #081018;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-chat-shell.dash-chat-shell--crm .chat-sidebar,
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-chat-shell.dash-chat-shell--crm .crm-chat-only-bar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .chat-sidebar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .crm-chat-only-bar {
  display: none !important;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-chat-shell.dash-chat-shell--crm > .dash-chat-right.chat-window,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm > .dash-chat-right.chat-window {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  height: 100% !important;
  max-height: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed .dash-chat-shell.dash-chat-shell--crm > .dash-chat-crm-resumo.lead-sidebar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm > .dash-chat-crm-resumo.lead-sidebar {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  height: 100% !important;
  max-height: 100% !important;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0 !important;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar-track,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar-track,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar-track,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar-thumb,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar-thumb,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar-thumb,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
@media screen and (max-width: 640px) {
  body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm {
    grid-template-columns: minmax(0, 1fr) minmax(168px, 36%) !important;
  }
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window {
  font-size: 11px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-window__header {
  min-height: 0;
  padding: 6px 10px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-user__avatar {
  width: 30px;
  height: 30px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-user__avatar i {
  font-size: 13px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-user__info h2 {
  font-size: 12px;
  gap: 4px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-user__info p,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window #chatPeerMeta {
  font-size: 10px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-window__action-btn,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-actions-more-btn {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .pipeline-wrap {
  padding: 4px 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .pipeline {
  padding: 4px 5px;
  border-radius: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .pipeline__step-label {
  font-size: 9px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages {
  gap: 6px;
  padding: 8px 10px 10px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-day-header-pill,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-day-sep span {
  font-size: 0.65rem;
  padding: 3px 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble {
  max-width: min(260px, 90%);
  padding: 7px 9px 6px;
  border-radius: 11px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble p,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .dash-chat-msg-text {
  font-size: 11px;
  line-height: 1.4;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__meta-label {
  margin-bottom: 3px;
  font-size: 9px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__meta-label i {
  font-size: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__footer {
  margin-top: 4px;
  padding-top: 2px;
  min-height: 12px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__time {
  font-size: 9px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-tick {
  font-size: 9px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .message__bubble .dash-chat-msg-audio {
  width: min(100%, 200px);
  min-width: 150px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-compose-wrap.chat-input,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-compose-wrap {
  padding: 6px 8px 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-input__box textarea,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window #chatInput {
  font-size: 11px;
  min-height: 32px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-attach-btn,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-input__tools .dash-chat-attach-btn {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .dash-chat-attach-btn i,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-input__tools .dash-chat-attach-btn i {
  font-size: 12px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window #chatSendBtn,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .chat-input__send button[type=submit] {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat.dash-chat-shell--crm #chatRight.chat-window .vehicle-card {
  font-size: 10px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar {
  font-size: 11px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll {
  padding: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .section-label {
  font-size: 9px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .lead-card,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .mini-card,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .tags-section,
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__resumo-card {
  padding: 8px;
  border-radius: 8px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .lead-user__avatar {
  width: 28px;
  height: 28px;
}
body.dash-page--crm-chat.dash-page--crm-chat-embed #crmViewChat .dash-chat-crm-resumo.lead-sidebar .profile-btn {
  height: 24px;
  padding: 0 8px;
  font-size: 10px;
}

body.dash-page--crm #chatBuscaConversaWrap,
body.dash-page--crm-chat #chatBuscaConversaWrap {
  display: none;
}
body.dash-page--crm #chatBuscaConversaWrap.is-open,
body.dash-page--crm-chat #chatBuscaConversaWrap.is-open {
  display: block;
}

body.dash-page--crm .dash-chat-shell--crm {
  gap: 12px;
}
body.dash-page--crm .dash-chat-left-top {
  padding-bottom: 10px;
}
body.dash-page--crm .dash-chat-conv-filtros {
  margin-top: 6px;
}
body.dash-page--crm .dash-chat-conv-filtro-pill {
  padding: 5px 6px;
  font-size: 0.68rem;
}
body.dash-page--crm .dash-chat-conv-filtro-limpar {
  padding: 5px 6px;
  font-size: 0.62rem;
}
body.dash-page--crm .dash-chat-conv-list {
  padding: 10px 10px 12px;
}
body.dash-page--crm .dash-chat-conv-under-meta {
  margin-top: 1px;
}
body.dash-page--crm .dash-chat-conv-tag {
  font-size: 0.65rem;
  padding: 1px 5px 1px 3px;
  max-width: 7rem;
}
body.dash-page--crm .dash-chat-conv-tag--icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  padding: 0;
}
body.dash-page--crm .dash-chat-right-top {
  padding: 12px 14px 10px;
}
body.dash-page--crm .dash-chat-search--inside {
  margin-top: 10px;
}
body.dash-page--crm .dash-chat-messages {
  padding: 14px;
  gap: 8px;
}
body.dash-page--crm .dash-chat-msg-bubble {
  padding: 10px;
  border-radius: 11px;
}
body.dash-page--crm .dash-chat-compose {
  padding: 10px 14px;
  gap: 8px;
  align-items: center;
}
body.dash-page--crm .dash-chat-compose input {
  height: 40px;
  padding: 0 12px;
  font-size: 0.9rem;
}
body.dash-page--crm .dash-chat-compose .dash-chat-attach-btn,
body.dash-page--crm .dash-chat-compose button[type=submit] {
  width: 40px;
  height: 40px;
}
body.dash-page--crm .dash-chat-search input {
  height: 40px;
  padding: 0 12px 0 40px;
  font-size: 0.9rem;
}
body.dash-page--crm .dash-chat-search i {
  left: 12px;
  font-size: 16px;
}
body.dash-page--crm .dash-chat-conv-action-btn#chatBtnToggleBuscaConversa span {
  display: none;
}
body.dash-page--crm .dash-chat-conv-action-btn--ia {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.dash-page--crm .dash-chat-conv-action-btn--ia i {
  font-size: 1rem;
}
body.dash-page--crm .dash-chat-conv-action-btn--ia.is-on {
  opacity: 1;
}
body.dash-page--crm .dash-chat-conv-action-btn--ia.is-off {
  opacity: 0.55;
}
body.dash-page--crm {
  /* Follow-up por conversa: cinza = padrão; verde = forçado ligado; vermelho = desligado aqui */
}
body.dash-page--crm .dash-chat-conv-action-btn--followup {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
body.dash-page--crm .dash-chat-conv-action-btn--followup.fu-modo--padrao {
  opacity: 0.65;
  color: #64748b;
}
body.dash-page--crm .dash-chat-conv-action-btn--followup.fu-modo--ligado {
  opacity: 1;
  color: #22c55e;
}
body.dash-page--crm .dash-chat-conv-action-btn--followup.fu-modo--desligado {
  opacity: 1;
  color: #ef4444;
}
body.dash-page--crm .dash-chat-conv-action-btn {
  width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 12px;
  justify-content: center;
  gap: 0;
  background: var(--fundo-corpo);
  border: 2px solid var(--cor-borda);
  color: #38d39f;
}
body.dash-page--crm .dash-chat-conv-action-btn span {
  display: none;
}
body.dash-page--crm .dash-chat-conv-action-btn i {
  font-size: 1rem;
  line-height: 1;
  color: currentColor;
}
body.dash-page--crm .dash-chat-conv-action-btn:hover:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.65);
  background: rgba(56, 211, 159, 0.1);
  color: #24b47e;
}
body.dash-page--crm .dash-chat-btn-arquivar-lead {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border-width: 2px;
  background: var(--fundo-corpo);
  color: #ef4444;
}
body.dash-page--crm .dash-chat-btn-arquivar-lead:hover:not(:disabled) {
  border-color: rgba(239, 68, 68, 0.75);
  background: rgba(239, 68, 68, 0.08);
  color: #dc2626;
}
body.dash-page--crm .dash-chat-btn-arquivar-lead:focus-visible {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25);
}

body.dash-page--crm .dash-chat-crm-resumo-car-headrow .dash-chat-crm-resumo-section-title {
  margin-top: 6px;
}

.dash-chat-carro-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(15, 23, 42, 0.5);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.dash-chat-carro-modal {
  width: min(980px, 96vw);
  max-height: min(86vh, 860px);
  overflow: hidden;
  border-radius: 18px;
  background: var(--fundo-formulario);
  border: 1px solid var(--cor-borda);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.25);
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.dash-chat-carro-modal-tabs {
  display: flex;
  align-items: stretch;
  gap: 4px;
  padding: 0 18px;
  flex-shrink: 0;
  border-bottom: 1px solid var(--cor-borda);
  background: var(--fundo-formulario);
}

.dash-chat-carro-modal-tab {
  appearance: none;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  padding: 10px 14px 12px;
  margin-bottom: -1px;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--texto-secundario);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
}
.dash-chat-carro-modal-tab.is-active {
  color: var(--texto-principal);
  border-bottom-color: #38d39f;
}

.dash-chat-carro-modal-tab-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: rgba(56, 211, 159, 0.18);
  color: rgb(40.9580246914, 185.2419753086, 136.837037037);
}

.dash-chat-carro-modal-panels {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dash-chat-carro-modal-panel--ficha:not([hidden]) {
  display: block;
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.dash-chat-carro-modal-panel--documentos[hidden] {
  display: none !important;
}

.dash-chat-carro-modal-panel--documentos:not([hidden]) {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

.dash-chat-carro-modal-doc-layout {
  display: grid;
  grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
  gap: 14px;
  flex: 1;
  min-height: 0;
  padding: 14px 18px 18px;
}

@media (max-width: 720px) {
  .dash-chat-carro-modal-doc-layout {
    grid-template-columns: 1fr;
  }
}
.dash-chat-carro-modal-doc-list-col {
  min-width: 0;
  max-height: min(40vh, 320px);
  overflow: auto;
}

@media (min-width: 721px) {
  .dash-chat-carro-modal-doc-list-col {
    max-height: none;
  }
}
.dash-chat-carro-modal-doc-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dash-chat-carro-modal-doc-item {
  border: 1px solid var(--cor-borda);
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 10px;
  background: var(--fundo-corpo);
}
.dash-chat-carro-modal-doc-item:last-child {
  margin-bottom: 0;
}

.dash-chat-carro-modal-doc-item-name {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--texto-principal);
  margin-bottom: 10px;
  word-break: break-word;
}
.dash-chat-carro-modal-doc-item-name i {
  margin-right: 6px;
  opacity: 0.75;
  color: var(--texto-secundario);
}

.dash-chat-carro-modal-doc-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dash-chat-carro-modal-doc-btn {
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  padding: 6px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  background: var(--fundo-formulario);
  color: var(--texto-principal);
}
.dash-chat-carro-modal-doc-btn--inline {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.1);
  color: rgb(37.2641975309, 168.5358024691, 124.4962962963);
}
.dash-chat-carro-modal-doc-btn--blank {
  color: var(--texto-secundario);
}

.dash-chat-carro-modal-doc-viewer {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: min(52vh, 420px);
  border: 1px solid var(--cor-borda);
  border-radius: 14px;
  background: var(--fundo-corpo);
  overflow: hidden;
}

.dash-chat-carro-modal-doc-viewer-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--cor-borda);
  flex-shrink: 0;
}

.dash-chat-carro-modal-doc-viewer-title {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--texto-principal);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-chat-carro-modal-doc-viewer-clear {
  border: 0;
  background: transparent;
  color: var(--texto-secundario);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  font-family: inherit;
  flex-shrink: 0;
}

.dash-chat-carro-modal-doc-viewer-body {
  flex: 1;
  min-height: 280px;
  position: relative;
  background: rgba(15, 23, 42, 0.04);
}

.dash-chat-carro-doc-viewer-empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
  font-size: 0.85rem;
  color: var(--texto-terciario);
  line-height: 1.45;
}

.dash-chat-carro-doc-viewer-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.dash-chat-carro-doc-viewer-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #0f172a;
  padding: 8px;
}

.dash-chat-carro-modal-empty--doc {
  margin: 0;
}

.dash-chat-carro-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dash-chat-carro-modal-head {
  padding: 18px 18px 12px;
  border-bottom: 1px solid var(--cor-borda);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.dash-chat-carro-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--texto-principal);
  padding-right: 48px;
}

.dash-chat-carro-modal-sub {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--texto-secundario);
  font-size: 0.85rem;
}

.dash-chat-carro-modal-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  font-weight: 600;
  font-size: 0.78rem;
}

.dash-chat-carro-modal-dot {
  opacity: 0.7;
}

.dash-chat-carro-modal-body {
  padding: 14px 18px 18px;
  overflow: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 14px;
}

@media (max-width: 900px) {
  .dash-chat-carro-modal-body {
    grid-template-columns: 1fr;
  }
}
.dash-chat-carro-modal-media {
  min-width: 0;
  position: sticky;
  top: 0;
  align-self: start;
}

@media (max-width: 900px) {
  .dash-chat-carro-modal-media {
    position: static;
  }
}
.dash-chat-carro-carousel {
  position: relative;
  width: 100%;
  border-radius: 14px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  overflow: hidden;
}

.dash-chat-carro-carousel-track {
  display: flex;
  width: 100%;
  transition: transform 0.28s ease;
  will-change: transform;
}

.dash-chat-carro-carousel-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 320px;
}

.dash-chat-carro-carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 900px) {
  .dash-chat-carro-carousel-slide {
    height: 240px;
  }
}
.dash-chat-carro-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(15, 23, 42, 0.35);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
}

.dash-chat-carro-carousel-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.dash-chat-carro-carousel-btn.prev {
  left: 10px;
}

.dash-chat-carro-carousel-btn.next {
  right: 10px;
}

.dash-chat-carro-carousel-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 10px;
}

.dash-chat-carro-carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(255, 255, 255, 0.45);
  cursor: pointer;
}

.dash-chat-carro-carousel-dot.is-active {
  background: #38d39f;
}

.dash-chat-carro-modal-info {
  min-width: 0;
}

.dash-chat-carro-modal-section + .dash-chat-carro-modal-section {
  margin-top: 12px;
}

.dash-chat-carro-modal-section h4 {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-secundario);
}

.dash-chat-carro-modal-section--under-media {
  margin-top: 12px;
}

.dash-chat-carro-modal-ficha {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dash-chat-carro-modal-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

@media (max-width: 520px) {
  .dash-chat-carro-modal-tiles {
    grid-template-columns: 1fr;
  }
}
.dash-chat-carro-modal-tile {
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  border-radius: 14px;
  padding: 12px;
}

.dash-chat-carro-modal-tile-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.dash-chat-carro-modal-tile-label i {
  color: #38d39f;
}

.dash-chat-carro-modal-tile-value {
  margin-top: 6px;
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: var(--texto-principal);
  line-height: 1.2;
  font-size: 0.98rem;
  word-break: break-word;
}

.dash-chat-carro-modal-tile.is-empty .dash-chat-carro-modal-tile-value {
  color: var(--texto-terciario);
  font-weight: 600;
}

.dash-chat-carro-modal-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.dash-chat-carro-modal-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--texto-secundario);
}

.dash-chat-carro-modal-badge.is-on {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.1);
  color: #24b47e;
}

.dash-chat-carro-modal-badge.is-off {
  opacity: 0.7;
}

.dash-chat-carro-modal-note {
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  border-radius: 14px;
  padding: 12px;
  white-space: pre-wrap;
  color: var(--texto-principal);
  line-height: 1.45;
}

.dash-chat-carro-modal-empty {
  padding: 12px;
  border: 1px dashed var(--cor-borda);
  border-radius: 14px;
  background: var(--fundo-corpo);
  color: var(--texto-terciario);
}

.dash-chat-crm-lead-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  max-width: min(100%, 340px);
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.07);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.dash-chat-crm-lead-card:hover {
  background: rgba(56, 211, 159, 0.11);
  border-color: rgba(56, 211, 159, 0.55);
}
.dash-chat-crm-lead-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(37, 211, 102, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dash-chat-crm-lead-card__icon i {
  font-size: 1.15rem;
  color: #128c3a;
}
.dash-chat-crm-lead-card__body {
  min-width: 0;
  flex: 1;
}
.dash-chat-crm-lead-card__nome {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--texto-principal);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.dash-chat-crm-lead-card__badge {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(100, 116, 139, 0.2);
  color: var(--texto-terciario);
}
.dash-chat-crm-lead-card__meta {
  margin-top: 4px;
  font-family: "Poppins", sans-serif;
  font-size: 0.75rem;
  color: var(--texto-secundario);
  line-height: 1.35;
}

body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: var(--dash-chat-col-h);
  max-height: var(--dash-chat-col-h);
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: #07111f;
  border: none;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 10px;
  background: transparent;
  -webkit-overflow-scrolling: touch;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__empty {
  margin: auto;
  text-align: center;
  color: #8fa3bf;
  font-size: 12px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-label {
  display: block;
  color: #8fa3bf;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-card,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags-section,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__resumo-card {
  background: #0d1726;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 10px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-card--contato-compact {
  padding: 8px 10px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-card__top {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-card--contato-compact .lead-card__top {
  gap: 4px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .profile-btn {
  align-self: flex-start;
  height: 28px;
  padding: 0 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  color: #c5d4e8;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .profile-btn:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #fff;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  min-width: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user--compact {
  margin-top: 4px;
  gap: 6px;
  align-items: flex-start;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user--compact .lead-user__avatar {
  width: 32px;
  height: 32px;
  font-size: 13px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user--compact .lead-user__info h3 {
  font-size: 12px;
  margin: 0 0 4px;
  line-height: 1.2;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user__avatar,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__avatar {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #101c2d;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #62738d;
  font-size: 15px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user__avatar img,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__avatar {
  width: 28px;
  height: 28px;
  font-size: 12px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user__info {
  min-width: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-user__info h3 {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.25;
  word-break: break-word;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-dados {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 5px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  font-size: 11px;
  line-height: 1.35;
  color: #e2e8f0;
  word-break: break-word;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha {
  display: block;
  padding: 1px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha:first-child {
  padding-top: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha__k {
  color: #8fa3bf;
  font-weight: 600;
  font-size: 10px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha__v {
  color: #e2e8f0;
  font-weight: 500;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-contact-linha--vazio {
  color: #7e91aa;
  font-style: italic;
  font-size: 10px;
  border-bottom: none;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__resumo-card {
  display: block;
  flex-shrink: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__resumo-card .section-head {
  margin-bottom: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__resumo-card .dash-chat-crm-resumo-ai {
  margin-top: 8px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-ai {
  font-size: 11px;
  line-height: 1.5;
  color: #c5d4e8;
  min-height: 2em;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-ai-text {
  word-break: break-word;
  color: #e2e8f0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-ai--loading,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-ai--vazio {
  margin: 0;
  font-style: italic;
  color: #7e91aa;
  font-size: 11px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-ai--erro {
  margin: 0;
  color: #f87171;
  font-size: 11px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-transfer-banner {
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 193, 7, 0.08);
  border: 1px solid rgba(255, 193, 7, 0.18);
  color: #c9b070;
  font-size: 10px;
  line-height: 1.4;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-transfer-banner strong {
  color: #e8dcc0;
  font-weight: 600;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__head.section-head {
  margin-bottom: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__actions {
  display: inline-flex;
  gap: 4px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__action-btn {
  width: 26px;
  height: 26px;
  border: none;
  border-radius: 6px;
  background: #101c2d;
  color: #1ee59d;
  cursor: pointer;
  font-size: 11px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__action-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__action-btn--danger {
  color: #f87171;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__slot {
  margin-top: 8px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__empty,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__loading {
  margin: 8px 0 0;
  color: #8fa3bf;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__empty strong,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__loading strong {
  color: #c5d4e8;
  font-weight: 600;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-carro-vendido-aviso {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 8px;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(251, 191, 36, 0.28);
  background: rgba(251, 191, 36, 0.1);
  color: #fcd34d;
  font-size: 11px;
  line-height: 1.4;
  text-align: left;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .dash-chat-carro-vendido-aviso i {
  flex-shrink: 0;
  margin-top: 1px;
  font-size: 12px;
  opacity: 0.95;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-card--vendido {
  position: relative;
  opacity: 0.92;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-card--vendido .vehicle-card__image img {
  filter: grayscale(0.35);
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-card__badge-vendido {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(251, 191, 36, 0.35);
  color: #fcd34d;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__header,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 18px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__header > span,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__header .section-label,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-head > span,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-head .section-label {
  color: #8fa3bf;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__header button,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-head button {
  background: transparent;
  border: 0;
  color: #1ee59d;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  white-space: nowrap;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__header button:disabled,
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .section-head button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__content {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .mini-card__content p {
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .stage-box {
  margin-top: 8px;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid rgba(30, 229, 157, 0.22);
  background: rgba(30, 229, 157, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1ee59d;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags span {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags .tag-tone--green {
  background: rgba(30, 229, 157, 0.12);
  color: #1ee59d;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags .tag-tone--blue {
  background: rgba(70, 180, 255, 0.12);
  color: #6eb8ff;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags .tag-tone--purple {
  background: rgba(176, 102, 255, 0.12);
  color: #c49bff;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags .tag-tone--orange {
  background: rgba(255, 179, 71, 0.12);
  color: #ffc266;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .tags .tag-tone--gray {
  background: rgba(255, 255, 255, 0.06);
  color: #a8b8cc;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__tags-empty {
  margin: 8px 0 0;
  font-size: 11px;
  color: #7e91aa;
  text-align: center;
}

body.dash-page--crm-chat .vehicle-card {
  width: min(300px, 100%);
  max-width: 100%;
  min-height: 80px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  box-shadow: none;
  text-align: left;
  transition: border-color 0.2s ease, background 0.2s ease;
  box-sizing: border-box;
}
body.dash-page--crm-chat .vehicle-card:hover {
  border-color: rgba(30, 229, 157, 0.28);
  background: #0d1726;
}
body.dash-page--crm-chat .vehicle-card:focus-visible {
  outline: 2px solid rgba(30, 229, 157, 0.45);
  outline-offset: 2px;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__image {
  width: 76px;
  height: 76px;
  flex-shrink: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  background: #0d1726;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__content {
  flex: 1;
  min-width: 0;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__content h3 {
  margin: 0;
  color: #eef2f6;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__content h4 {
  margin: 0;
  color: #8fa3bf;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__infos {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__infos span {
  font-size: 9px;
  font-weight: 500;
  color: #7e91aa;
  line-height: 1.2;
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
  width: 100%;
  min-width: 0;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__price {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #1ee59d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 5px 10px;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  font-size: 9px;
  font-weight: 600;
  color: #c5d4e8;
  line-height: 1;
  white-space: nowrap;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__cta span {
  line-height: 1.2;
}
body.dash-page--crm-chat .vehicle-card .vehicle-card__cta i {
  font-size: 8px;
  color: #1ee59d;
  line-height: 1;
}

body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__slot .vehicle-card {
  width: 100%;
  max-width: none;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__slot .vehicle-card .vehicle-card__footer {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__slot .vehicle-card .vehicle-card__price {
  flex: none;
  width: 100%;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
body.dash-page--crm-chat .dash-chat-crm-resumo.lead-sidebar .vehicle-highlight__slot .vehicle-card .vehicle-card__cta {
  align-self: flex-start;
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .message__bubble--card .vehicle-card {
  border-color: rgba(30, 229, 157, 0.18);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .message__bubble--card .vehicle-card:hover {
  border-color: rgba(30, 229, 157, 0.32);
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble--card .message__body {
  display: block;
  margin: 0 4px 8px;
  padding: 6px 8px 2px;
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble--card .message__body .dash-chat-msg-text {
  margin-bottom: 0;
  color: #e8edf3;
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message--agent.sent .message__bubble--card .message__body .dash-chat-msg-text {
  color: #e8edf3;
}

.dash-chat-crm-resumo {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: var(--dash-chat-col-h);
  max-height: var(--dash-chat-col-h);
  background: var(--fundo-formulario);
  border-radius: 20px;
  box-shadow: 0 2px 8px rgba(21, 21, 21, 0.06);
  overflow: hidden;
  border: 1px solid var(--cor-borda);
  /* Garante texto legível (evita herdar cor clara de ancestrais no CRM) */
  color: var(--texto-principal);
}

.dash-chat-crm-resumo--placeholder .dash-chat-crm-resumo-sub {
  opacity: 0.85;
}

.dash-chat-crm-resumo-head {
  flex-shrink: 0;
  padding: 14px 16px 12px;
  border-bottom: 1px solid var(--cor-borda);
}

.dash-chat-crm-resumo-title {
  margin: 0 0 6px;
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-sub {
  margin: 0;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--texto-secundario);
}

.dash-chat-crm-resumo-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 10px 12px 14px;
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-section-title {
  margin: 0 0 8px;
  font-family: "Outfit", sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-secundario);
}

/** Bloco superior do painel CRM: veículo em destaque (fixo; scroll só no resumo IA). */
.dash-chat-crm-resumo-car-section {
  flex-shrink: 0;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cor-borda);
}

.dash-chat-crm-resumo-car-headrow {
  margin-bottom: 8px;
}

/** Título «Veículo em destaque» + ícones (trocar / remover) na mesma linha. */
.dash-chat-crm-resumo-car-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.dash-chat-crm-resumo-car-title-row .dash-chat-crm-resumo-section-title {
  margin: 0;
  flex: 1;
  min-width: 0;
}

.dash-chat-crm-resumo-car-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

.dash-chat-crm-destaque-icon-btn {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 0.82rem;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease, opacity 0.15s ease;
}

.dash-chat-crm-destaque-icon-btn:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.dash-chat-crm-destaque-icon-btn:not(:disabled):hover {
  transform: translateY(-1px);
}

.dash-chat-crm-destaque-icon-btn--primary {
  color: #fff;
  background: linear-gradient(135deg, #38d39f, #32be8f);
  box-shadow: 0 1px 4px rgba(56, 211, 159, 0.35);
}

.dash-chat-crm-destaque-icon-btn--primary:not(:disabled):hover {
  box-shadow: 0 2px 8px rgba(56, 211, 159, 0.45);
}

.dash-chat-crm-destaque-icon-btn--danger {
  color: #fff;
  background: linear-gradient(135deg, #e74c3c, #c0392b);
  box-shadow: 0 1px 4px rgba(192, 57, 43, 0.3);
}

.dash-chat-crm-destaque-icon-btn--danger:not(:disabled):hover {
  box-shadow: 0 2px 8px rgba(192, 57, 43, 0.4);
}

.dash-chat-crm-resumo-ai-wrap {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
  overflow: hidden;
}

.dash-chat-crm-resumo-ai-wrap > .dash-chat-crm-resumo-section-title {
  flex-shrink: 0;
}

.dash-chat-crm-resumo-ai-scroll {
  overflow: visible;
}

.dash-chat-crm-resumo-ai {
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 1.5;
  color: var(--texto-principal);
  min-height: 2.5em;
}

.dash-chat-crm-resumo-ai-text {
  word-break: break-word;
}

.dash-chat-crm-resumo-ai--loading,
.dash-chat-crm-resumo-ai--vazio {
  font-style: italic;
  color: var(--texto-terciario);
  font-size: 0.78rem;
  margin: 0;
}

.dash-chat-crm-resumo-ai--erro {
  font-size: 0.78rem;
  margin: 0;
  color: #c0392b;
}

body.dash-chat-crm-obs-open {
  overflow: hidden;
}

/** Painel lateral: observações internas do lead (equipa; não vai para o WhatsApp). */
.dash-chat-crm-obs-overlay {
  position: fixed;
  inset: 0;
  z-index: 8000;
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
}

.dash-chat-crm-obs-overlay[hidden] {
  display: none !important;
}

.dash-chat-crm-obs-overlay-backdrop {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(15, 23, 42, 0.48);
  cursor: pointer;
}

.dash-chat-crm-obs-panel {
  position: relative;
  z-index: 1;
  width: min(100vw, 420px);
  max-width: 100%;
  height: 100%;
  max-height: 100dvh;
  background: var(--fundo-formulario);
  border-left: 1px solid var(--cor-borda);
  box-shadow: -12px 0 36px rgba(15, 23, 42, 0.18);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.dash-chat-crm-obs-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-shrink: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--cor-borda);
}

.dash-chat-crm-obs-panel-title {
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--texto-principal);
  line-height: 1.3;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}

.dash-chat-crm-obs-panel-count {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--texto-secundario);
}

.dash-chat-crm-obs-panel-close {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 2px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-secundario);
  cursor: pointer;
}

.dash-chat-crm-obs-panel-close:hover {
  border-color: #38d39f;
  color: #24b47e;
}

.dash-chat-crm-obs-panel-body {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px 16px 18px;
  overflow: hidden;
}

.dash-chat-crm-obs-panel-body .dash-chat-crm-obs-list {
  flex: 1;
  min-height: 100px;
}

.dash-chat-crm-obs-panel-body .dash-chat-crm-obs-form {
  flex-shrink: 0;
  padding-top: 8px;
  border-top: 1px solid var(--cor-borda);
}

/** Legado: bloco embutido no resumo (substituído pelo overlay). */
.dash-chat-crm-observacoes-wrap {
  flex-shrink: 0;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--cor-borda);
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  max-height: min(340px, 42vh);
}

.dash-chat-crm-obs-hint {
  margin: 0 0 4px;
  font-family: "Poppins", sans-serif;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--texto-terciario);
}

.dash-chat-crm-obs-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 2px;
}

.dash-chat-crm-obs-empty {
  margin: 0;
  font-size: 0.78rem;
  font-style: italic;
  color: var(--texto-terciario);
}

.dash-chat-crm-obs-card {
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  padding: 8px 10px;
  background: var(--fundo-corpo);
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
}

.dash-chat-crm-obs-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.dash-chat-crm-obs-card-head-main {
  flex: 1;
  min-width: 0;
}

.dash-chat-crm-obs-autor-line {
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--texto-secundario);
}

.dash-chat-crm-obs-autor-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
  font-size: 0.62rem;
  color: var(--texto-terciario);
}

.dash-chat-crm-obs-autor-nome {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--texto-principal);
}

.dash-chat-crm-obs-data {
  margin-top: 2px;
  font-size: 0.7rem;
  color: var(--texto-terciario);
}

.dash-chat-crm-obs-meta {
  color: var(--texto-secundario);
  font-size: 0.72rem;
  line-height: 1.35;
  flex: 1;
  min-width: 0;
}

.dash-chat-crm-obs-del {
  flex-shrink: 0;
  border: none;
  background: transparent;
  color: #c0392b;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
  line-height: 1;
}

.dash-chat-crm-obs-del:hover {
  background: rgba(192, 57, 43, 0.1);
}

.dash-chat-crm-obs-texto {
  word-break: break-word;
  color: var(--texto-principal);
  line-height: 1.45;
  margin-bottom: 6px;
}

.dash-chat-crm-obs-anexos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.dash-chat-crm-obs-img-lnk img {
  max-width: 120px;
  max-height: 88px;
  border-radius: 6px;
  object-fit: cover;
  vertical-align: middle;
  border: 1px solid var(--cor-borda);
}

.dash-chat-crm-obs-doc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  color: #38d39f;
  text-decoration: none;
}

.dash-chat-crm-obs-doc:hover {
  text-decoration: underline;
}

.dash-chat-crm-obs-form {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 4px;
}

.dash-chat-crm-obs-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--texto-secundario);
}

.dash-chat-crm-obs-textarea {
  width: 100%;
  min-height: 64px;
  resize: vertical;
  border: 1px solid var(--cor-borda);
  border-radius: 8px;
  padding: 8px 10px;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  color: var(--texto-principal);
  background: var(--fundo-corpo);
}

.dash-chat-crm-obs-files-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dash-chat-crm-obs-files-row--split {
  width: 100%;
  justify-content: flex-start;
}

.dash-chat-crm-obs-file-btn--secondary {
  border-style: dashed;
  background: var(--fundo-corpo);
}

.dash-chat-crm-obs-pendentes-resumo {
  margin: 0 0 4px;
  font-size: 0.7rem;
  line-height: 1.35;
  color: var(--texto-secundario);
}

.dash-chat-crm-obs-file-input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

.dash-chat-crm-obs-file-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--texto-principal);
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid var(--cor-borda);
  background: rgba(56, 211, 159, 0.06);
}

.dash-chat-crm-obs-file-btn:hover {
  border-color: #38d39f;
}

.dash-chat-crm-obs-files-nome {
  font-size: 0.7rem;
  color: var(--texto-terciario);
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-chat-crm-obs-enviar {
  align-self: flex-start;
  margin-top: 2px;
}

.dash-chat-crm-resumo-car-section .dash-chat-crm-resumo-list {
  padding-left: 0;
  list-style: none;
}
.dash-chat-crm-resumo-car-section .dash-chat-crm-resumo-list > .dash-chat-crm-resumo-car-loading {
  list-style: none;
  margin: 0 0 14px;
  padding: 0;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}
.dash-chat-crm-resumo-car-section .dash-chat-crm-resumo-list .dash-chat-crm-resumo-car-loading-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  max-width: 100%;
}
.dash-chat-crm-resumo-car-section .dash-chat-crm-resumo-list .dash-chat-crm-resumo-car-loading-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--texto-terciario);
  flex-shrink: 0;
  animation: dash-chat-crm-veiculo-destaque-pulse 0.9s ease-in-out infinite alternate;
}
.dash-chat-crm-resumo-car-section .dash-chat-crm-resumo-list .dash-chat-crm-resumo-car-loading-text {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  font-style: italic;
  line-height: 1.45;
  color: var(--texto-terciario);
  text-align: left;
}

@keyframes dash-chat-crm-veiculo-destaque-pulse {
  from {
    opacity: 0.35;
    transform: scale(0.88);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.dash-chat-crm-resumo-list {
  margin: 0;
  padding: 0 0 0 1.15rem;
  list-style: disc;
  font-family: "Poppins", sans-serif;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-item {
  margin-bottom: 6px;
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-item::marker {
  color: var(--texto-terciario);
}

.dash-chat-crm-resumo-empty {
  list-style: none;
  margin: 0;
  padding: 16px 8px;
  text-align: center;
  font-size: 0.78rem;
  color: var(--texto-terciario);
  font-style: italic;
}

.dash-chat-crm-resumo-car-li {
  list-style: none;
  margin: 0 0 14px;
  padding: 10px 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--cor-borda);
  background: var(--fundo-corpo);
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-car-head {
  margin-bottom: 10px;
}

.dash-chat-crm-resumo-car-texto {
  font-family: "Poppins", sans-serif;
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--texto-principal);
}

.dash-chat-crm-resumo-card-wrap {
  border-radius: 12px;
  overflow: hidden;
  max-width: 100%;
}
.dash-chat-crm-resumo-card-wrap .dash-chat-carro-card {
  max-width: 100%;
  margin: 0;
  transform: scale(0.92);
  transform-origin: top center;
}

.dash-chat-crm-resumo-car-fallback {
  margin: 0;
  font-size: 0.72rem;
  color: var(--texto-terciario);
  word-break: break-all;
}

.dash-chat-shell--crm .dash-chat-left.chat-sidebar,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar {
  width: 100%;
  max-width: 300px;
  background: #08111f;
  border-radius: 0;
  box-shadow: none;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: "Poppins", sans-serif;
  overflow: hidden;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__header,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 8px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__header-start,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__header-start {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__header-start h2,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__header-start h2 {
  margin: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.01em;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back {
  display: none;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: #101c2d;
  color: #8fa3bf;
  cursor: pointer;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back i,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back i {
  font-size: 12px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #1ee59d;
  background: #111f33;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back[hidden],
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back[hidden] {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back, body.dash-page--internal-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__back,
body.dash-page--crm-chat .dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back,
body.dash-page--internal-chat .dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__back {
  display: inline-flex;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-sizing: border-box;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-wrap,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-wrap {
  position: relative;
  width: 100%;
  display: block;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  padding: 0 12px;
  margin: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  color: #8fa3bf;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #fff;
  background: #111f33;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-on,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-on {
  border-color: rgba(30, 229, 157, 0.45);
  color: #1ee59d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-on .fa-robot,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-on .fa-robot {
  color: #1ee59d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-off .fa-robot,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--all-off .fa-robot {
  color: #f59e0b;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--mixed .fa-robot,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn--mixed .fa-robot {
  color: #d97706;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn .crm-chat-only-ia-pill,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn .crm-chat-only-ia-pill {
  margin-left: auto;
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  line-height: 1.2;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn .crm-chat-only-ia-chevron,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-btn .crm-chat-only-ia-chevron {
  flex-shrink: 0;
  font-size: 9px;
  opacity: 0.65;
  margin-left: 2px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu {
  left: 0;
  right: 0;
  width: 100%;
  min-width: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu-item,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu-item {
  color: #8fa3bf;
  font-size: 12px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu-item:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar .crm-chat-only-ia-menu-item:hover {
  background: rgba(30, 229, 157, 0.1);
  color: #1ee59d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #1ee59d, #13c47d);
  color: #08111f;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 2px 8px rgba(30, 229, 157, 0.28);
  text-decoration: none;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn--import,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn--import {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #b8c5d4;
  box-shadow: none;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn--import:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn--import:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #1ee59d;
  background: rgba(30, 229, 157, 0.08);
  transform: none;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn i,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn i {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(30, 229, 157, 0.38);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .new-chat-btn:active,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .new-chat-btn:active {
  transform: translateY(0);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tabs-wrap,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tabs-wrap {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tabs,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  box-sizing: border-box;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn {
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 6px;
  box-sizing: border-box;
  margin: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #8fa3bf;
  font-size: 11px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn span,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn span {
  background: rgba(255, 255, 255, 0.1);
  min-width: 17px;
  height: 17px;
  padding: 0 3px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  flex-shrink: 0;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn:hover:not(.active),
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn:hover:not(.active) {
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn.active,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn.active {
  background: rgba(30, 229, 157, 0.16);
  color: #1ee59d;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn.active span,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__tab.filter-btn.active span {
  background: rgba(30, 229, 157, 0.22);
  color: #1ee59d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__search,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__search {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__search i,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__search i {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #62738d;
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__search input,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__search input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  padding: 0 12px 0 34px;
  margin: 0;
  color: #fff;
  outline: none;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 36px;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__search input::placeholder,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__search input::placeholder {
  color: #62738d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__search input:focus,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__search input:focus {
  border-color: rgba(30, 229, 157, 0.4);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__extra-filtros,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__extra-filtros {
  position: relative;
  flex-shrink: 0;
  z-index: 2;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-filtros-row,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-filtros-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-label,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  outline: none;
  cursor: pointer;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select:focus,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select:focus {
  border-color: rgba(30, 229, 157, 0.4);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select--active,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select--active {
  border-color: rgba(30, 229, 157, 0.4);
  color: #1ee59d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select option,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__etapa-select option {
  background: #101c2d;
  color: #fff;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  color: #8fa3bf;
  cursor: pointer;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle i,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle i {
  font-size: 13px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #fff;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle--active,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-toggle--active {
  border-color: rgba(30, 229, 157, 0.4);
  color: #1ee59d;
  background: rgba(30, 229, 157, 0.1);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop {
  margin-top: 6px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop[hidden],
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop[hidden] {
  display: none !important;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-limpar,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-limpar {
  width: 100%;
  margin-top: 8px;
  justify-content: center;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn {
  height: 28px;
  padding: 0 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #101c2d;
  color: #8fa3bf;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn:hover,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn:hover {
  border-color: rgba(30, 229, 157, 0.35);
  color: #fff;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn--active,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn--active {
  border-color: rgba(30, 229, 157, 0.4);
  color: #1ee59d;
  background: rgba(30, 229, 157, 0.1);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn--ghost,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__extra-btn--ghost {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.06);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop,
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__filtro-mais-pop {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 5;
  padding: 10px;
  border-radius: 10px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-hint,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-hint {
  margin: 0 0 8px;
  font-size: 11px;
  color: #8fa3bf;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-fields,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-date--stack,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-date--stack {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: #8fa3bf;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-date--stack input,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-date--stack input {
  height: 32px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #0d1726;
  color: #fff;
  padding: 0 8px;
  font-size: 12px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-fechar,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-conv-filtro-data-pop-fechar {
  margin-top: 8px;
  width: 100%;
  height: 30px;
  font-size: 12px;
  border: 0;
  border-radius: 10px;
  background: rgba(30, 229, 157, 0.15);
  color: #1ee59d;
  font-weight: 600;
  cursor: pointer;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__list-area,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__list-area {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: hidden;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__pagination,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__pagination {
  flex-shrink: 0;
  padding: 4px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__pagination-inner,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__pagination-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__load-more,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__load-more {
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: #c5d4e8;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__load-more:hover:not(:disabled),
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__load-more:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(30, 229, 157, 0.35);
  background: rgba(30, 229, 157, 0.08);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__load-more:disabled,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__load-more:disabled {
  opacity: 0.55;
  cursor: wait;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-btn,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-btn {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: #101c2d;
  color: #8fa3bf;
  cursor: pointer;
  transition: 0.2s;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-btn:hover:not(:disabled),
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-btn:hover:not(:disabled) {
  color: #fff;
  border-color: rgba(30, 229, 157, 0.35);
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-btn:disabled,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-info,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  font-size: 11px;
  line-height: 1.25;
  color: #8fa3bf;
  text-align: center;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-range,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-range {
  color: #c5d4e8;
  font-weight: 500;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-sidebar__page-num,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-sidebar__page-num {
  font-size: 10px;
  color: #62738d;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-list,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .chat-list {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding: 0 2px 2px 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-empty,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-empty {
  color: #8fa3bf;
  font-size: 12px;
  text-align: center;
  padding: 16px 8px;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-empty strong,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-empty strong {
  color: #fff;
}
.dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-empty-clear-filtros,
.dash-chat-shell--internal .dash-chat-left.chat-sidebar .dash-chat-empty-clear-filtros {
  display: inline;
  margin-left: 4px;
  padding: 0;
  border: 0;
  background: none;
  color: #1ee59d;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}

.dash-chat-shell--crm .chat-card {
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  gap: 10px;
  padding: 9px 30px 9px 9px;
  border-radius: 10px;
  background: #0d1726;
  border: 1px solid transparent;
  transition: 0.2s;
  cursor: pointer;
}
.dash-chat-shell--crm .chat-card:hover {
  background: #111f33;
  transform: translateY(-1px);
}
.dash-chat-shell--crm .chat-card.active {
  border-color: rgba(30, 229, 157, 0.35);
  box-shadow: 0 0 0 1px rgba(30, 229, 157, 0.08);
}
.dash-chat-shell--crm .chat-card img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.dash-chat-shell--crm .chat-card__avatar-fallback {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #101c2d;
  color: #62738d;
  font-size: 14px;
}
.dash-chat-shell--crm .chat-card__content {
  flex: 1;
  min-width: 0;
}
.dash-chat-shell--crm .chat-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 2px;
}
.dash-chat-shell--crm .chat-card__title {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  flex: 1;
}
.dash-chat-shell--crm .chat-card__title h3 {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash-chat-shell--crm .chat-card__time {
  flex-shrink: 0;
  color: #6f819b;
  font-size: 11px;
  line-height: 1.3;
  padding-top: 1px;
}
.dash-chat-shell--crm .chat-card__tags {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.dash-chat-shell--crm .chat-card__tags .dash-chat-conv-tags {
  display: inline-flex;
  margin: 0;
  gap: 0;
  flex-wrap: nowrap;
}
.dash-chat-shell--crm .chat-card__tags .dash-chat-conv-tag--icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  box-shadow: none;
}
.dash-chat-shell--crm .chat-card__tags .dash-chat-conv-tag--icon i {
  font-size: 8px;
}
.dash-chat-shell--crm .chat-card__status {
  width: fit-content;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--crm-etapa-cor, #9fb0c2);
}
.dash-chat-shell--crm .chat-card__fu-meta {
  font-size: 10px;
  color: #6f819b;
  margin-bottom: 4px;
}
.dash-chat-shell--crm .chat-card__message {
  color: #8fa3bf;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.dash-chat-shell--crm .chat-card__badge {
  position: absolute;
  top: 9px;
  right: 9px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 50%;
  background: #1ee59d;
  color: #08111f;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.dash-page--crm-chat .chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar {
  display: flex !important;
  width: 100%;
}
body.dash-page--internal-chat body.dash-page--crm-chat .chat-sidebar .chat-sidebar__crm-bar.crm-chat-only-bar {
  display: none !important;
}
body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm,
body.dash-page--crm-chat .dash-chat-shell--crm,
body.dash-page--crm-chat .dash-chat-shell--internal {
  gap: 0;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  --dash-chat-col-h: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  overflow: hidden;
}
body.dash-page--crm-chat {
  /* Colunas do grid: altura cheia + sem card arredondado */
}
body.dash-page--crm-chat .dash-chat-shell--crm > .dash-chat-left.chat-sidebar,
body.dash-page--crm-chat .dash-chat-shell--crm > .dash-chat-right,
body.dash-page--crm-chat .dash-chat-shell--crm > .dash-chat-crm-resumo {
  min-height: 0;
  height: 100%;
  max-height: 100%;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none;
  overflow: hidden;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar {
  max-width: none;
  width: 100%;
  margin: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  flex-direction: column;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-right.chat-window {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo:not(.lead-sidebar) {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--fundo-formulario);
  border-left: 1px solid var(--cor-borda);
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar {
  background: #07111f;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo-body {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
  -webkit-overflow-scrolling: touch;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo-ai-scroll {
  flex: none;
  min-height: 0;
  overflow: visible;
}
body.dash-page--crm-chat {
  /* Lista de conversas (sidebar) */
}
body.dash-page--crm-chat .dash-chat-shell--crm .chat-list,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-conv-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.dash-page--crm-chat {
  /* Scroll unificado: conversas, mensagens e painel do lead */
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-list,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-list,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body {
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-list::-webkit-scrollbar,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-list::-webkit-scrollbar,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-list::-webkit-scrollbar-track,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-list::-webkit-scrollbar-track,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar-track,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar-track,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar-track,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .chat-list::-webkit-scrollbar-thumb,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-left.chat-sidebar .dash-chat-conv-list::-webkit-scrollbar-thumb,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages::-webkit-scrollbar-thumb,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages::-webkit-scrollbar-thumb,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .lead-sidebar__scroll::-webkit-scrollbar-thumb,
body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo.lead-sidebar .dash-chat-crm-resumo-body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: radial-gradient(circle at top right, rgba(0, 150, 255, 0.15), transparent 30%), #07111f;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family: "Poppins", sans-serif;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.dash-chat-right--no-conv .chat-input, body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.dash-chat-right--no-conv .pipeline-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.dash-chat-right--no-conv .chat-input,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.dash-chat-right--no-conv .pipeline-wrap {
  opacity: 0.45;
  pointer-events: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.chat-window--modo-observacoes .pipeline-wrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.chat-window--modo-observacoes .dash-chat-wa-meta-cta-wrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.chat-window--modo-observacoes .dash-chat-wa-meta-panel,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window.chat-window--modo-observacoes .dash-chat-audio-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.chat-window--modo-observacoes .pipeline-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.chat-window--modo-observacoes .dash-chat-wa-meta-cta-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.chat-window--modo-observacoes .dash-chat-wa-meta-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window.chat-window--modo-observacoes .dash-chat-audio-panel {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__header,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__header {
  flex-shrink: 0;
  height: auto;
  min-height: 56px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__avatar,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #101c2d;
  color: #62738d;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__avatar img,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__avatar i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__avatar i {
  font-size: 16px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__info,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__info {
  min-width: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__info h2,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__info h2 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__info h2 span:first-child,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__info h2 span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__info p,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-user__info #chatPeerMeta,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__info p,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-user__info #chatPeerMeta {
  margin: 2px 0 0;
  color: #71839c;
  font-size: 11px;
  line-height: 1.35;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .online-dot,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .online-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1fe58e;
  flex-shrink: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__actions,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  position: relative;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__actions > .chat-window__action-btn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__actions > .chat-window__action-btn {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__actions .dash-chat-actions-more-btn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__actions .dash-chat-actions-more-btn {
  display: inline-flex !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__action-btn,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-actions-more-btn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__action-btn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-actions-more-btn {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #0f1b2d;
  color: #8ea1bb;
  cursor: pointer;
  transition: 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__action-btn:hover,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-actions-more-btn:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__action-btn:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-actions-more-btn:hover {
  color: #fff;
  border-color: rgba(31, 229, 142, 0.3);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-actions-more-menu,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-actions-more-menu {
  right: 0;
  left: auto;
  background: #101c2d;
  border-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__actions-hidden,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__actions-hidden {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside {
  flex-shrink: 0;
  position: relative;
  display: none;
  width: auto;
  margin: 0 14px 8px;
  padding: 0;
  height: auto;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-sizing: border-box;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap.is-open,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside.is-open,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap.is-open,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside.is-open,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap.is-open,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside.is-open,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap.is-open,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside.is-open {
  display: block;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap i,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside i,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap i,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #62738d;
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  margin: 0;
  padding: 0 10px 0 30px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 9px;
  background: #101c2d;
  color: #fff;
  outline: none;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 32px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input::placeholder,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input::placeholder,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input::placeholder,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input::placeholder {
  color: #62738d;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input:focus,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input:focus,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input:focus,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input:focus,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#chatBuscaConversaWrap input:focus,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatBuscaConversaWrap.dash-chat-search--inside input:focus,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__busca#intChatBuscaConversaWrap input:focus,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside input:focus {
  border-color: rgba(30, 229, 157, 0.4);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline-wrap {
  flex-shrink: 0;
  padding: 8px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline {
  width: 100%;
  max-width: 100%;
  min-height: 0;
  height: auto;
  padding: 5px 6px;
  border-radius: 10px;
  background: #0d1726;
  border: 1px solid rgba(255, 255, 255, 0.06);
  overflow: hidden;
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline[hidden],
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline[hidden] {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__track,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__track {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  gap: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__sep,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__sep {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  color: #4d6278;
  font-size: 8px;
  line-height: 1;
  pointer-events: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  height: 32px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  color: #7e91aa;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item:hover:not(.active):not(:disabled),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item:hover:not(.active):not(:disabled) {
  color: #c5d4e8;
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.done,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.done {
  color: #8fa3bf;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.done .pipeline__step-num,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.done .pipeline__step-num {
  background: color-mix(in srgb, var(--crm-etapa-cor, #38d39f) 18%, transparent);
  border-color: color-mix(in srgb, var(--crm-etapa-cor, #38d39f) 40%, transparent);
  color: var(--crm-etapa-cor, #38d39f);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.active,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.active {
  background: color-mix(in srgb, var(--crm-etapa-cor, #38d39f) 12%, transparent);
  border-color: color-mix(in srgb, var(--crm-etapa-cor, #38d39f) 38%, transparent);
  color: var(--crm-etapa-cor, #38d39f);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.active .pipeline__step-num,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.active .pipeline__step-num {
  background: var(--crm-etapa-cor, #38d39f);
  border-color: var(--crm-etapa-cor, #38d39f);
  color: #07111f;
  font-weight: 700;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.upcoming:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.upcoming:hover {
  border-color: rgba(30, 229, 157, 0.28);
  color: #d4e8ff;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item.upcoming:hover .pipeline__step-go,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item.upcoming:hover .pipeline__step-go {
  opacity: 1;
  transform: translateX(1px);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__item:disabled,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__item:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__step-num,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__step-num {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #101c2d;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__step-label,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__step-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .pipeline__step-go,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .pipeline__step-go {
  flex-shrink: 0;
  font-size: 8px;
  opacity: 0.55;
  transition: opacity 0.2s, transform 0.2s;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages {
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px 14px 16px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: transparent;
  -webkit-overflow-scrolling: touch;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-empty,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-empty,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-empty,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-empty {
  margin: auto;
  color: #8fa3bf;
  font-size: 13px;
  text-align: center;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 0 6px;
  margin: 0;
  pointer-events: none;
  background: transparent;
  isolation: isolate;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header::before, body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header::after,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header::before,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header::after,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header::before,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header::after,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header::before,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header::after {
  content: "";
  height: 1px;
  flex: 1;
  min-width: 0;
  opacity: 0.85;
  background: rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header-frost,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header-frost,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header-frost,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header-frost {
  position: absolute;
  left: -18px;
  right: -18px;
  top: -18px;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background: transparent;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header--frost-active .dash-chat-day-header-frost,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header--frost-active .dash-chat-day-header-frost,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header--frost-active .dash-chat-day-header-frost,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header--frost-active .dash-chat-day-header-frost {
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
  background: color-mix(in srgb, #08111f 58%, transparent);
  mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, black 72%, transparent 100%);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-header-pill,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header-pill,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-header-pill,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-header-pill {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: min(100%, 420px);
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8fa3bf;
  background: #08111f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-sep,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-sep,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 2px 0;
  user-select: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-sep::before, body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-sep::after,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep::before,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep::after,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-sep::before,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-sep::after,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep::before,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep::after {
  content: "";
  height: 1px;
  flex: 1;
  opacity: 0.85;
  background: rgba(255, 255, 255, 0.1);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages .dash-chat-day-sep span,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep span,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages .dash-chat-day-sep span,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-messages.dash-chat-messages .dash-chat-day-sep span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  max-width: min(92%, 380px);
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8fa3bf;
  background: #08111f;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message {
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received {
  align-items: flex-start;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .message__bubble,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .message__bubble {
  background: #111c2d;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-top-left-radius: 6px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .dash-chat-msg-audio-play,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .dash-chat-msg-audio-play {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  color: #c5d4e8;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .dash-chat-msg-audio-play:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .dash-chat-msg-audio-play:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.2);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .dash-chat-msg-audio-track,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .dash-chat-msg-audio-track {
  background: rgba(255, 255, 255, 0.12);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .dash-chat-msg-audio-fill,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .dash-chat-msg-audio-fill {
  background: linear-gradient(90deg, #7c8ea8, #a8b8cc);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .dash-chat-msg-audio-time,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .dash-chat-msg-audio-time {
  color: rgba(255, 255, 255, 0.55);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent {
  align-items: flex-end;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .message__bubble,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .message__bubble {
  background: rgba(30, 229, 157, 0.1);
  border: 1px solid rgba(30, 229, 157, 0.22);
  border-top-right-radius: 6px;
  box-shadow: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .dash-chat-msg-audio-play,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .dash-chat-msg-audio-play {
  background: rgba(30, 229, 157, 0.18);
  border-color: rgba(30, 229, 157, 0.4);
  color: #1fe59d;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .dash-chat-msg-audio-play:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .dash-chat-msg-audio-play:hover {
  background: rgba(30, 229, 157, 0.28);
  border-color: rgba(30, 229, 157, 0.55);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .dash-chat-msg-audio-track,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .dash-chat-msg-audio-track {
  background: rgba(0, 0, 0, 0.2);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .dash-chat-msg-audio-fill,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .dash-chat-msg-audio-fill {
  background: linear-gradient(90deg, #1fe59d, #13c978);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.sent .dash-chat-msg-audio-time,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.sent .dash-chat-msg-audio-time {
  color: rgba(255, 255, 255, 0.72);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.message--observacao.sent .message__bubble,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.message--observacao.sent .message__bubble {
  background: rgba(255, 193, 7, 0.08);
  border-color: rgba(255, 193, 7, 0.22);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.message--observacao.sent .message__meta-label,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.message--observacao.sent .message__meta-label {
  color: rgba(255, 209, 120, 0.95);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.message--observacao.sent .dash-chat-crm-obs-del,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.message--observacao.sent .dash-chat-crm-obs-del {
  border: 0;
  background: transparent;
  color: #f0b86c;
  cursor: pointer;
  padding: 0 2px;
  font-size: 11px;
  line-height: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.message--observacao.sent .dash-chat-crm-obs-del:hover,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.message--observacao.sent .dash-chat-crm-obs-del:hover {
  color: #ffcf8a;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message--agent.sent .message__bubble,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message--agent.sent .message__bubble {
  background: rgba(99, 102, 241, 0.1);
  border-color: rgba(129, 140, 248, 0.28);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble {
  max-width: min(360px, 92%);
  padding: 10px 12px 8px;
  border-radius: 14px;
  color: #eef2f6;
  box-shadow: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble--card,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble--card {
  padding: 4px;
  background: transparent;
  border: none;
  box-shadow: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .dash-chat-msg-audio,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .dash-chat-msg-audio {
  width: min(100%, 248px);
  min-width: 188px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble p,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .dash-chat-msg-text,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble p,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .dash-chat-msg-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #e8edf3;
  white-space: pre-wrap;
  word-break: break-word;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__meta-label,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__meta-label {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 600;
  color: rgba(30, 229, 157, 0.85);
  letter-spacing: 0.01em;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__meta-label i,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__meta-label i {
  margin-right: 4px;
  font-size: 9px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__body .dash-chat-msg-wa-media-img,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__body .dash-chat-msg-wa-media-img {
  max-width: 100%;
  border-radius: 10px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__footer,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  margin-top: 6px;
  padding-top: 4px;
  min-height: 14px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__time,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__time {
  font-size: 10px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.58);
  line-height: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  margin: 0;
  vertical-align: middle;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-tick,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-tick {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--read .dash-chat-msg-wa-tick,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--read .dash-chat-msg-wa-tick {
  color: #5dffc4;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--delivered .dash-chat-msg-wa-tick,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--delivered .dash-chat-msg-wa-tick {
  color: rgba(255, 255, 255, 0.55);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--sent .dash-chat-msg-wa-tick,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--sent .dash-chat-msg-wa-tick {
  color: rgba(255, 255, 255, 0.45);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--failed .dash-chat-msg-wa-tick,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__bubble .message__status .dash-chat-msg-wa-deliv--failed .dash-chat-msg-wa-tick {
  color: #ff8a8a;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message.received .message__bubble .message__time,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message.received .message__bubble .message__time {
  color: rgba(255, 255, 255, 0.5);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input.dash-chat-compose-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input.dash-chat-compose-wrap {
  flex-shrink: 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #08111e;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-wa-meta-cta-wrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-wa-meta-panel,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-audio-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-wa-meta-cta-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-wa-meta-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-audio-panel {
  flex-shrink: 0;
  margin: 0 14px 8px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-panel {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tabs,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tabs {
  display: inline-flex;
  align-self: flex-start;
  gap: 4px;
  padding: 4px;
  border-radius: 10px;
  background: #0c1626;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tabs button,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tabs button {
  background: transparent;
  border: 0;
  color: #7a8da6;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  padding: 7px 14px;
  border-radius: 7px;
  line-height: 1.2;
  transition: color 0.2s, background 0.2s;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tabs button.active,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tabs button.active {
  color: #fff;
  background: #152536;
  box-shadow: inset 0 0 0 1px rgba(31, 229, 142, 0.35);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tabs button:disabled,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tabs button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-pane[hidden],
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-pane[hidden] {
  display: none !important;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-pane:not([hidden]),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-pane:not([hidden]) {
  display: block;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-label,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-label {
  display: block;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8fa3bf;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-textarea,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-textarea {
  width: 100%;
  min-height: 72px;
  max-height: 140px;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  resize: vertical;
  outline: none;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  padding: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-textarea::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-textarea::placeholder {
  color: #667892;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-files-row,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-files-row {
  margin-top: 10px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-files-nome,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-pendentes-resumo,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-files-nome,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-pendentes-resumo {
  font-size: 11px;
  color: #8fa3bf;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .chat-compose-obs-actions,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .chat-compose-obs-actions {
  margin-top: 10px;
  display: flex;
  justify-content: flex-end;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-enviar,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-compose-obs-form .dash-chat-crm-obs-enviar {
  min-height: 34px;
  padding: 0 14px;
  font-size: 12px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__obs-anexos,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__obs-anexos {
  margin-top: 8px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__obs-anexos .dash-chat-crm-obs-img-lnk img,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__obs-anexos .dash-chat-crm-obs-img-lnk img {
  max-width: 200px;
  border-radius: 8px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .message__obs-anexos .dash-chat-crm-obs-doc,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .message__obs-anexos .dash-chat-crm-obs-doc {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: #c5d4e8;
  text-decoration: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-msg-text--muted,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-msg-text--muted {
  font-style: italic;
  color: #8fa3bf;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__box,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__box {
  background: #0e1929;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 10px;
  display: block;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatInput,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatInput,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatInput,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatInput {
  width: 100%;
  min-height: 48px;
  max-height: 120px;
  background: transparent;
  border: 0;
  resize: none;
  outline: none;
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.45;
  padding: 0;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #chatInput::placeholder,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window #intChatInput::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #chatInput::placeholder,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatInput::placeholder {
  color: #667892;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__bottom,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__bottom {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tools,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tools {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tools .dash-chat-attach-btn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tools .dash-chat-attach-btn {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: #7c8ea8;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tools .dash-chat-attach-btn:hover:not(:disabled),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tools .dash-chat-attach-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__tools .dash-chat-attach-btn:disabled,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__tools .dash-chat-attach-btn:disabled {
  opacity: 0.35;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #chatSendBtn,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #intChatSendBtn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #chatSendBtn,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #intChatSendBtn {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 0;
  background: linear-gradient(135deg, #19d78c, #13b676);
  color: #fff;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #chatSendBtn:hover:not(:disabled),
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #intChatSendBtn:hover:not(:disabled),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #chatSendBtn:hover:not(:disabled),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #intChatSendBtn:hover:not(:disabled) {
  transform: scale(1.04);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #chatSendBtn:disabled,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .chat-input__send #intChatSendBtn:disabled,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #chatSendBtn:disabled,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-input__send #intChatSendBtn:disabled {
  opacity: 0.4;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-wa-meta-cta-wrap,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-wa-meta-panel,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-audio-panel,
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-ia-compose-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-wa-meta-cta-wrap,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-wa-meta-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-audio-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-ia-compose-panel {
  margin: 0 18px 10px;
  border-radius: 12px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d7e0ea;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-audio-panel:not([hidden]),
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-audio-panel:not([hidden]) {
  padding: 12px 14px;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-audio-status-text,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-audio-status-text {
  color: #8fa3bf;
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-audio-preview-el,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-audio-preview-el {
  filter: invert(0.92) hue-rotate(180deg);
}
body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window .dash-chat-ia-compose-panel,
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-ia-compose-panel {
  margin-top: 0;
}

body.dash-page--crm-chat .dash-chat-shell--crm #chatRight.chat-window {
  border-radius: 0;
}

body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .chat-window__header {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-right-top-row {
  width: 100%;
  min-width: 0;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #101c2d;
  color: #62738d;
  border: none;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer-avatar i {
  font-size: 16px;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer-name {
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-peer-sub {
  margin: 2px 0 0;
  color: #71839c;
  font-size: 11px;
  line-height: 1.35;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-conv-actions {
  flex-shrink: 0;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-conv-action-btn {
  height: 32px;
  padding: 0 10px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: #0f1b2d;
  color: #8ea1bb;
  font-size: 12px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: 0.2s;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-conv-action-btn i {
  font-size: 12px;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window .dash-chat-conv-action-btn:hover {
  color: #fff;
  border-color: rgba(31, 229, 142, 0.3);
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatBuscaConversaWrap.dash-chat-search--inside {
  display: block;
  width: auto;
  margin: 8px 0 0;
  padding: 0;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatComposeWrap.dash-chat-compose-wrap.chat-input {
  flex-shrink: 0;
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #08111e;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatInput {
  width: 100%;
  min-height: 40px;
  height: auto;
  background: transparent;
  border: 0;
  outline: none;
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.45;
  padding: 0;
}
body.dash-page--internal-chat .dash-chat-shell--internal #intChatRight.chat-window #intChatInput::placeholder {
  color: #667892;
}

@media (max-width: 1100px) {
  body.dash-page--crm-chat #crmViewChat.dash-chat-shell--crm,
  body.dash-page--crm-chat .dash-chat-shell--crm {
    grid-template-columns: minmax(200px, 280px) minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  .dash-chat-crm-resumo {
    grid-column: 1/-1;
    height: auto;
    max-height: 220px;
    min-height: 120px;
  }
  body.dash-page--crm-chat .dash-chat-shell--crm .dash-chat-crm-resumo {
    max-height: 220px;
  }
}
/* Barra «voltar» do resumo do lead — apenas mobile (no desktop o painel fica ao lado). */
@media screen and (min-width: 769px) {
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__mobile-top {
    display: none !important;
  }
}
/* CRM chat mobile: lista OU conversa (não as três colunas ao mesmo tempo). */
@media screen and (max-width: 768px) {
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #intChatShell.dash-chat-shell--internal,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm,
  body.dash-page--internal-chat #intChatShell.dash-chat-shell--internal {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm > .dash-chat-left.chat-sidebar,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #intChatShell.dash-chat-shell--internal > .dash-chat-left.chat-sidebar,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm > .dash-chat-left.chat-sidebar,
  body.dash-page--internal-chat #intChatShell.dash-chat-shell--internal > .dash-chat-left.chat-sidebar {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    border-right: none;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm > .dash-chat-right.chat-window,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm > .dash-chat-crm-resumo.lead-sidebar,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #intChatShell.dash-chat-shell--internal > .dash-chat-right.chat-window,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm > .dash-chat-right.chat-window,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm > .dash-chat-crm-resumo.lead-sidebar,
  body.dash-page--internal-chat #intChatShell.dash-chat-shell--internal > .dash-chat-right.chat-window {
    display: none !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-left.chat-sidebar,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #intChatShell.dash-chat-shell--internal.dash-chat-shell--mobile-conversa > .dash-chat-left.chat-sidebar,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-left.chat-sidebar,
  body.dash-page--internal-chat #intChatShell.dash-chat-shell--internal.dash-chat-shell--mobile-conversa > .dash-chat-left.chat-sidebar {
    display: none !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-right.chat-window,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #intChatShell.dash-chat-shell--internal.dash-chat-shell--mobile-conversa > .dash-chat-right.chat-window,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-right.chat-window,
  body.dash-page--internal-chat #intChatShell.dash-chat-shell--internal.dash-chat-shell--mobile-conversa > .dash-chat-right.chat-window {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-crm-resumo.lead-sidebar,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa > .dash-chat-crm-resumo.lead-sidebar {
    display: none !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm #chatRight .chat-window__header,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm #chatRight .chat-window__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .chat-window__back,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .chat-window__back {
    display: none;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(16, 24, 34, 0.95);
    color: #e2e8f0;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .chat-window__back i,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .chat-window__back i {
    font-size: 0.95rem;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .chat-window__back:hover,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .chat-window__back:hover {
    border-color: rgba(56, 211, 159, 0.4);
    color: #38d39f;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .chat-window__back[hidden],
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .chat-window__back[hidden] {
    display: none !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-window__back:not([hidden]),
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-window__back:not([hidden]) {
    display: inline-flex !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo > .dash-chat-right.chat-window,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo > .dash-chat-right.chat-window {
    display: none !important;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo > .dash-chat-crm-resumo.lead-sidebar,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo > .dash-chat-crm-resumo.lead-sidebar {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    border-left: none;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__mobile-top,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .lead-sidebar__mobile-top {
    display: none;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(8, 16, 24, 0.98);
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .lead-sidebar__mobile-top,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .lead-sidebar__mobile-top {
    display: flex;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    background: rgba(16, 24, 34, 0.95);
    color: #e2e8f0;
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn i,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn i {
    font-size: 0.95rem;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn:hover,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .lead-sidebar__back-btn:hover {
    border-color: rgba(56, 211, 159, 0.4);
    color: #38d39f;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .lead-sidebar__mobile-title,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .lead-sidebar__mobile-title {
    flex: 1;
    min-width: 0;
    font-family: "Inter", "Poppins", sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: #fff;
    line-height: 1.3;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .dash-chat-crm-resumo-body,
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .lead-sidebar__scroll,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .dash-chat-crm-resumo-body,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-resumo .lead-sidebar__scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-user,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-user {
    flex: 1;
    min-width: 0;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-window__actions,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm.dash-chat-shell--mobile-conversa .chat-window__actions {
    flex-shrink: 0;
  }
  body.dash-page--crm-chat:not(.dash-page--crm-chat-embed) #crmViewChat.dash-chat-shell--crm .dash-chat-actions-more-menu.is-open,
  body.dash-page--internal-chat #crmViewChat.dash-chat-shell--crm .dash-chat-actions-more-menu.is-open {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}
body.dash-page--playground {
  background: #030b16;
  overflow-x: clip;
}
body.dash-page--playground .dash-chat-modal-backdrop {
  background: rgba(2, 8, 23, 0.78);
  backdrop-filter: blur(8px);
}
body.dash-page--playground .dash-chat-modal {
  background: linear-gradient(180deg, #0b1725 0%, #071221 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
  border-radius: 18px;
  max-width: min(480px, 92vw);
}
body.dash-page--playground .dash-chat-modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
body.dash-page--playground .dash-chat-modal-title {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
  color: #f1f5f9;
  font-size: 1.15rem;
  color: #22ffd1;
}
body.dash-page--playground .dash-chat-modal-close {
  background: rgba(255, 255, 255, 0.06);
  color: #94a3b8;
}
body.dash-page--playground .dash-chat-modal-close:hover {
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
body.dash-page--playground .dash-chat-modal-label,
body.dash-page--playground .dash-chat-empty {
  color: #94a3b8;
}
body.dash-page--playground .dash-chat-modal-btn--primary {
  border: 1px solid rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.14);
  color: #38d39f;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
body.dash-page--playground .dash-chat-modal-btn--primary:hover:not(:disabled) {
  background: rgba(56, 211, 159, 0.22);
  border-color: rgba(56, 211, 159, 0.45);
  filter: none;
}
body.dash-page--playground .dash-chat-modal-btn--primary {
  border-radius: 10px;
}
body.dash-page--playground .dash-chat-carro-pick {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
body.dash-page--playground .dash-chat-carro-pick:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
body.dash-page--playground .dash-chat-carro-pick.is-selected {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
}
body.dash-page--playground .dash-chat-carro-pick-name {
  color: #e2e8f0;
}
body.dash-page--playground .dash-chat-carro-pick-sub {
  color: #94a3b8;
}
body.dash-page--playground .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent;
}
@media (max-width: 768px) {
  body.dash-page--playground .dash-main {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

.playgroundIa {
  min-height: calc(100vh - 56px);
  padding: 16px 20px 24px;
  background: radial-gradient(circle at top left, rgba(0, 255, 204, 0.08), transparent 30%), radial-gradient(circle at bottom right, rgba(0, 255, 255, 0.05), transparent 30%), #030b16;
  color: #fff;
  font-family: "Inter", sans-serif;
}
.playgroundIa * {
  box-sizing: border-box;
}
.playgroundIa button,
.playgroundIa input,
.playgroundIa textarea,
.playgroundIa select {
  font-family: inherit;
}
.playgroundIa__pageHead {
  margin-bottom: 12px;
}
.playgroundIa .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.playgroundIa .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.playgroundIa .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.playgroundIa .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.playgroundIa .crmConfigTopbarCopy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.playgroundIa .crmConfigTopbarName {
  font-family: "Outfit", sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
.playgroundIa .crmConfigTopbarSub {
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #7f8ea3;
  margin: 0;
  line-height: 1.35;
}
.playgroundIa__tabs {
  display: flex;
  gap: 14px;
  margin-bottom: 10px;
  overflow-x: auto;
  padding-bottom: 6px;
}
.playgroundIa__tabs button {
  position: relative;
  border: none;
  background: transparent;
  color: #8194aa;
  font-size: 13px;
  cursor: pointer;
  padding: 0 0 8px;
  white-space: nowrap;
  transition: 0.3s;
}
.playgroundIa__tabs button.active, .playgroundIa__tabs button.prompts-tab--active, .playgroundIa__tabs button:hover {
  color: #22ffd1;
}
.playgroundIa__tabs button.active::after, .playgroundIa__tabs button.prompts-tab--active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  border-radius: 20px;
  background: #22ffd1;
  box-shadow: 0 0 14px rgba(34, 255, 209, 0.5);
}
.playgroundIa__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 14px;
  align-items: start;
}
.playgroundIa__chat, .playgroundIa__info {
  background: linear-gradient(145deg, rgba(8, 20, 35, 0.96), rgba(3, 10, 20, 0.98));
  border: 1px solid rgba(34, 255, 209, 0.08);
  border-radius: 16px;
  box-shadow: 0 0 30px rgba(0, 255, 200, 0.04), inset 0 0 20px rgba(255, 255, 255, 0.012);
}
.playgroundIa__chat {
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 220px);
  max-height: calc(100vh - 220px);
}
.playgroundIa__chatHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: clamp(11px, 0.68rem + 0.45vw, 13px);
}
.playgroundIa__chatHeader > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.playgroundIa__chatHeader strong {
  font-size: 1em;
}
.playgroundIa__chatHeader small {
  color: #7c90a6;
  font-size: clamp(9px, 0.56rem + 0.28vw, 11px);
}
.playgroundIa__chatHeader button {
  border: none;
  background: transparent;
  color: #8ba0b5;
  cursor: pointer;
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: clamp(10px, 0.6rem + 0.3vw, 12px);
}
.playgroundIa .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #20ffca;
  box-shadow: 0 0 12px #20ffca;
}
.playgroundIa__messages.dash-chat-messages {
  display: flex;
  flex-direction: column;
  gap: clamp(7px, 0.35rem + 0.85vw, 9px);
  margin-bottom: 10px;
  flex: 1;
  overflow: auto;
  min-height: 280px;
  min-width: 0;
  padding: clamp(10px, 0.55rem + 0.85vw, 12px) clamp(8px, 0.45rem + 0.72vw, 10px);
  scrollbar-width: thin;
  scrollbar-color: #38d39f rgba(56, 211, 159, 0.12);
}
.playgroundIa__messages.dash-chat-messages::-webkit-scrollbar {
  width: 8px;
}
.playgroundIa__messages.dash-chat-messages::-webkit-scrollbar-track {
  background: rgba(56, 211, 159, 0.12);
  border-radius: 999px;
}
.playgroundIa__messages.dash-chat-messages::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #38d39f, #24b47e);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.playgroundIa__messages .dash-chat-msg-bubble {
  max-width: min(320px, 88%);
  padding: clamp(8px, 0.42rem + 0.85vw, 12px) clamp(9px, 0.48rem + 0.95vw, 13px);
}
.playgroundIa__messages .dash-chat-msg-text {
  font-size: clamp(0.6875rem, 0.55rem + 0.75vw, 0.8125rem);
  line-height: 1.45;
}
.playgroundIa__messages .dash-chat-msg-meta {
  margin-top: 5px;
  font-size: clamp(0.5875rem, 0.5rem + 0.42vw, 0.7rem);
}
.playgroundIa__messages .dash-chat-msg-time,
.playgroundIa__messages .dash-chat-msg-meta--agent .dash-chat-msg-time {
  font-size: inherit;
}
.playgroundIa__messages .dash-chat-msg-meta-agent-label {
  font-size: clamp(0.55rem, 0.46rem + 0.38vw, 0.65rem);
}
.playgroundIa__messages .dash-chat-carro-card {
  margin-top: 6px;
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-body {
  padding: clamp(6px, 0.38rem + 0.55vw, 8px) clamp(8px, 0.48rem + 0.62vw, 10px) clamp(6px, 0.38rem + 0.55vw, 8px) clamp(8px, 0.48rem + 0.62vw, 10px);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-nome {
  font-size: clamp(0.68rem, 0.56rem + 0.48vw, 0.78rem);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-status {
  font-size: clamp(0.52rem, 0.45rem + 0.26vw, 0.6rem);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-detalhe-item {
  font-size: clamp(0.575rem, 0.495rem + 0.34vw, 0.65rem);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-detalhe-item i {
  font-size: clamp(0.52rem, 0.455rem + 0.26vw, 0.6rem);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-valor {
  font-size: clamp(0.74rem, 0.615rem + 0.52vw, 0.85rem);
}
.playgroundIa__messages .dash-chat-carro-card .carro-card-indicador {
  font-size: clamp(0.52rem, 0.455rem + 0.22vw, 0.6rem);
}
.playgroundIa__messages .dash-chat-msg-carro-link a {
  font-size: clamp(0.6875rem, 0.56rem + 0.55vw, 0.8125rem);
}
.playgroundIa .dash-chat-empty {
  color: #8ca0b5;
  font-size: clamp(9px, 0.62rem + 0.35vw, 11px);
  text-align: center;
  padding: 16px 8px;
}
.playgroundIa {
  /** Compose alinhado ao CRM (chat-input / chat-input__box). */
}
.playgroundIa__composeWrap.dash-chat-compose-wrap.chat-input {
  flex-shrink: 0;
  margin: 8px -16px -14px;
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #08111e;
  border-radius: 0 0 15px 15px;
}
.playgroundIa__composeWrap .dash-chat-audio-panel {
  flex-shrink: 0;
  margin: 0 0 8px;
  border-radius: 12px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d7e0ea;
}
.playgroundIa__composeWrap .dash-chat-audio-panel:not([hidden]) {
  padding: 12px 14px;
}
.playgroundIa__composeWrap .dash-chat-audio-status-text {
  color: #8fa3bf;
}
.playgroundIa__composeWrap .dash-chat-audio-preview-el {
  filter: invert(0.92) hue-rotate(180deg);
}
.playgroundIa__composeWrap .dash-chat-ia-compose-panel {
  margin: 8px 0 0;
  padding: 10px 12px 12px;
  border-radius: 12px;
  background: #101c2d;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d7e0ea;
}
.playgroundIa__composeWrap .dash-chat-ia-compose-panel-head span {
  font-size: 12px;
  font-weight: 600;
  color: #8fa3bf;
}
.playgroundIa__composeWrap .dash-chat-ia-compose-panel-fechar {
  color: #8fa3bf;
}
.playgroundIa__composeWrap .dash-chat-ia-compose-panel-fechar:hover {
  color: #5dffc4;
  background: rgba(93, 255, 196, 0.08);
}
.playgroundIa__composeWrap .dash-chat-ia-compose-panel-body {
  max-height: 220px;
}
.playgroundIa__composeWrap .dash-chat-ia-compose-sug {
  background: #0e1929;
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #dce8f5;
  font-size: 13px;
}
.playgroundIa__composeWrap .dash-chat-ia-compose-sug:hover {
  border-color: rgba(93, 255, 196, 0.45);
  background: rgba(93, 255, 196, 0.06);
}
.playgroundIa__input.dash-chat-compose.chat-input__box {
  display: block;
  align-items: unset;
  flex-wrap: unset;
  gap: 0;
  padding: 10px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: #0e1929;
}
.playgroundIa__input.dash-chat-compose.chat-input__box textarea,
.playgroundIa__input.dash-chat-compose.chat-input__box #pgInput {
  width: 100%;
  min-height: 48px;
  max-height: 120px;
  background: transparent;
  border: 0;
  resize: none;
  outline: none;
  color: #fff;
  font-size: 13px;
  font-family: inherit;
  line-height: 1.45;
  padding: 0;
  flex: unset;
  height: auto;
  box-sizing: border-box;
}
.playgroundIa__input.dash-chat-compose.chat-input__box textarea::placeholder,
.playgroundIa__input.dash-chat-compose.chat-input__box #pgInput::placeholder {
  color: #667892;
}
.playgroundIa__input.dash-chat-compose.chat-input__box textarea:disabled,
.playgroundIa__input.dash-chat-compose.chat-input__box #pgInput:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__bottom {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 8px;
  border: 0;
  background: transparent;
  color: #7c8ea8;
  padding: 0;
  margin: 0;
  box-shadow: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn i {
  font-size: 16px;
  line-height: 1;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  border-color: transparent;
  transform: none;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn.dash-chat-ia-compose-btn i {
  color: #5dffc4;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn.dash-chat-ia-compose-btn:hover:not(:disabled) i {
  color: #22ffd1;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn.dash-chat-ia-compose-btn--busy {
  opacity: 0.55;
  pointer-events: none;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send button[type=submit],
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send #pgSendBtn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 10px;
  border: 0;
  background: linear-gradient(135deg, #19d78c, #13b676);
  color: #fff;
  padding: 0;
  margin: 0;
  box-shadow: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send button[type=submit] i,
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send #pgSendBtn i {
  font-size: 16px;
  line-height: 1;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send button[type=submit]:hover:not(:disabled),
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send #pgSendBtn:hover:not(:disabled) {
  transform: scale(1.04);
  box-shadow: none;
}
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send button[type=submit]:disabled,
.playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send #pgSendBtn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.playgroundIa__tip {
  margin-top: 8px;
  color: #6e8297;
  font-size: clamp(10px, 0.62rem + 0.28vw, 11px);
}
.playgroundIa__info {
  padding: 14px 16px;
  min-height: calc(100vh - 220px);
  max-height: calc(100vh - 220px);
  overflow: auto;
}
.playgroundIa__infoHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.playgroundIa__infoHeader div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.playgroundIa__infoHeader i {
  color: #22ffd1;
}
.playgroundIa__infoHeader h3 {
  margin: 0;
  font-size: 15px;
}
.playgroundIa__block {
  margin-bottom: 16px;
}
.playgroundIa__block h4 {
  margin: 0 0 8px;
  font-size: 13px;
}
.playgroundIa__block p {
  color: #8ca0b5;
  line-height: 1.45;
  font-size: 12px;
}
.playgroundIa__prompt {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(34, 255, 209, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.playgroundIa .prompt-preview,
.playgroundIa .playground-prompt-atual {
  margin: 0 0 8px;
  white-space: pre-wrap;
  color: #dce8f5;
  font-size: 11px;
  line-height: 1.4;
  max-height: 180px;
  overflow: auto;
}
.playgroundIa .playground-error {
  margin: 0 0 10px;
  color: #ff7d7d;
  font-size: clamp(11px, 0.72rem + 0.32vw, 13px);
}
.playgroundIa .playground-typing {
  margin-bottom: 10px;
  color: #7c90a6;
  font-size: clamp(10px, 0.675rem + 0.32vw, 12px);
}
.playgroundIa {
  /** Compose compacto em telas menores (mesmo padrão do CRM). */
}
@media (max-width: 1300px) {
  .playgroundIa__composeWrap.dash-chat-compose-wrap.chat-input {
    padding: 10px 12px 12px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box {
    padding: 8px 10px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box textarea,
  .playgroundIa__input.dash-chat-compose.chat-input__box #pgInput {
    min-height: 40px;
  }
}
@media (max-width: 1200px) {
  .playgroundIa__layout {
    grid-template-columns: 1fr;
  }
  .playgroundIa__chat {
    order: 1;
  }
  .playgroundIa__info {
    order: 2;
  }
}
@media (max-width: 1100px) {
  .playgroundIa__layout {
    gap: 12px;
  }
  .playgroundIa__chat {
    min-height: min(620px, 100vh - 200px);
    max-height: none;
  }
  .playgroundIa__info {
    min-height: min(480px, 100vh - 240px);
    max-height: none;
  }
  .playgroundIa .prompt-preview,
  .playgroundIa .playground-prompt-atual {
    max-height: min(320px, 50vh);
  }
}
@media (max-width: 768px) {
  .playgroundIa {
    min-height: calc(100vh - 56px);
    padding: 10px 12px 28px;
  }
  .playgroundIa__pageHead {
    margin-bottom: 8px;
  }
  .playgroundIa .crmConfigTopbar {
    padding: 10px 12px;
  }
  .playgroundIa .crmConfigTopbarSub {
    display: none;
  }
  .playgroundIa__tabs.prompts-tabs {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 0;
    margin: 0 -12px 10px;
    padding: 0 12px 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .playgroundIa__tabs.prompts-tabs::-webkit-scrollbar {
    display: none;
  }
  .playgroundIa__tabs.prompts-tabs .prompts-tab,
  .playgroundIa__tabs.prompts-tabs button {
    flex: 0 0 auto !important;
    min-width: auto !important;
    max-width: none !important;
    width: auto !important;
    margin: 0;
    padding: 7px 9px 9px;
    border: none;
    border-bottom: none;
    border-radius: 0;
    background: transparent;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    color: #8194aa;
    letter-spacing: 0;
  }
  .playgroundIa__tabs.prompts-tabs .prompts-tab.active, .playgroundIa__tabs.prompts-tabs .prompts-tab.prompts-tab--active,
  .playgroundIa__tabs.prompts-tabs button.active,
  .playgroundIa__tabs.prompts-tabs button.prompts-tab--active {
    color: #22ffd1;
    font-weight: 600;
    background: transparent;
    box-shadow: none;
  }
  .playgroundIa__tabs.prompts-tabs .prompts-tab.active::after, .playgroundIa__tabs.prompts-tabs .prompts-tab.prompts-tab--active::after,
  .playgroundIa__tabs.prompts-tabs button.active::after,
  .playgroundIa__tabs.prompts-tabs button.prompts-tab--active::after {
    left: 8px;
    right: 8px;
    width: auto;
    bottom: 0;
  }
  .playgroundIa__layout {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .playgroundIa__chat {
    order: 1;
    min-height: min(640px, 100vh - 180px);
    max-height: none;
    padding: 12px;
    display: flex;
    flex-direction: column;
  }
  .playgroundIa__info {
    order: 2;
    min-height: min(420px, 55vh);
    max-height: none;
    padding: 12px 14px;
    overflow: visible;
  }
  .playgroundIa__infoHeader {
    margin-bottom: 12px;
  }
  .playgroundIa__infoHeader h3 {
    font-size: 14px;
  }
  .playgroundIa__block {
    margin-bottom: 12px;
  }
  .playgroundIa__block h4 {
    font-size: 13px;
    margin-bottom: 6px;
  }
  .playgroundIa__block p {
    font-size: 12px;
  }
  .playgroundIa .prompt-preview,
  .playgroundIa .playground-prompt-atual {
    max-height: min(280px, 40vh);
    font-size: 11px;
    line-height: 1.45;
  }
  .playgroundIa__chatHeader {
    margin-bottom: 8px;
    font-size: 12px;
  }
  .playgroundIa__chatHeader button {
    font-size: 11px;
  }
  .playgroundIa__messages.dash-chat-messages {
    flex: 1 1 auto;
    min-height: min(460px, 100vh - 320px);
    margin-bottom: 8px;
    padding: 12px 10px;
    gap: 9px;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-msg-bubble {
    max-width: min(640px, 88%);
    padding: 12px;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-msg-text {
    font-size: 0.875rem;
    line-height: 1.45;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-msg-meta {
    font-size: 0.7rem;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-msg-meta-agent-label {
    font-size: 0.65rem;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-carro-card .carro-card-nome {
    font-size: 0.78rem;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-carro-card .carro-card-detalhe-item {
    font-size: 0.65rem;
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-carro-card .carro-card-valor {
    font-size: 0.85rem;
  }
  .playgroundIa .dash-chat-empty {
    font-size: 12px;
    padding: 12px 8px;
  }
  .playgroundIa__composeWrap.dash-chat-compose-wrap.chat-input {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -12px;
    padding: 8px 10px 10px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box {
    padding: 8px 10px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box textarea,
  .playgroundIa__input.dash-chat-compose.chat-input__box #pgInput {
    min-height: 32px;
    font-size: 11px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__tools .dash-chat-attach-btn i {
    font-size: 12px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send button[type=submit],
  .playgroundIa__input.dash-chat-compose.chat-input__box .chat-input__send #pgSendBtn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
  }
  .playgroundIa__tip {
    display: none;
  }
}
@media (max-width: 480px) {
  .playgroundIa__tabs.prompts-tabs .prompts-tab,
  .playgroundIa__tabs.prompts-tabs button {
    padding: 6px 8px 8px;
    font-size: 9px;
  }
  .playgroundIa__chat {
    min-height: min(580px, 100vh - 160px);
  }
  .playgroundIa__messages.dash-chat-messages {
    min-height: min(420px, 100vh - 300px);
  }
  .playgroundIa__info {
    min-height: min(380px, 50vh);
  }
  .playgroundIa .prompt-preview,
  .playgroundIa .playground-prompt-atual {
    max-height: min(240px, 38vh);
  }
  .playgroundIa__messages.dash-chat-messages .dash-chat-msg-bubble {
    max-width: 92%;
  }
  .playgroundIa__composeWrap.dash-chat-compose-wrap.chat-input {
    padding: 7px 8px 8px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box {
    padding: 7px 8px;
  }
  .playgroundIa__input.dash-chat-compose.chat-input__box textarea,
  .playgroundIa__input.dash-chat-compose.chat-input__box #pgInput {
    min-height: 32px;
    font-size: 11px;
  }
}

body.dash-page--gastos,
body.dash-page--gastos-meta {
  background: #040d18;
  overflow-x: clip;
}
body.dash-page--gastos .dash-layout,
body.dash-page--gastos .dash-main,
body.dash-page--gastos .gastos-page,
body.dash-page--gastos-meta .dash-layout,
body.dash-page--gastos-meta .dash-main,
body.dash-page--gastos-meta .gastos-page {
  overflow: visible;
}
body.dash-page--gastos .dash-main,
body.dash-page--gastos-meta .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #040d18;
}

.gastos-page {
  min-height: calc(100vh - 56px);
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 20px 28px;
  background: #040d18;
  font-family: "Inter", "Poppins", sans-serif;
  color: #d6e3f1;
  box-sizing: border-box;
}
.gastos-page *,
.gastos-page *::before,
.gastos-page *::after {
  box-sizing: border-box;
}
.gastos-page .inventory-page-head {
  margin-bottom: 14px;
}
.gastos-page .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.88);
}
.gastos-page .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.gastos-page .crmConfigTopbarIcon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.gastos-page .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.9rem;
}
.gastos-page .crmConfigTopbarCopy {
  min-width: 0;
}
.gastos-page .crmConfigTopbarName {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
}
.gastos-page .crmConfigTopbarSub {
  margin: 4px 0 0;
  font-size: 0.82rem;
  color: rgba(214, 227, 241, 0.72);
  line-height: 1.4;
}
.gastos-page .gastos-page-head {
  margin-bottom: 1rem;
}
.gastos-page .gastos-saldo-card {
  margin-bottom: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(91, 141, 239, 0.22);
  background: linear-gradient(135deg, rgba(91, 141, 239, 0.08) 0%, rgba(12, 19, 28, 0.92) 100%);
}
.gastos-page .gastos-saldo-head {
  margin-bottom: 0.85rem;
}
.gastos-page .gastos-saldo-titulo {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #e8eef4;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.gastos-page .gastos-saldo-titulo i {
  color: #5b8def;
  font-size: 0.85rem;
}
.gastos-page .gastos-saldo-sub {
  margin: 0;
  font-size: 0.8rem;
  color: rgba(214, 227, 241, 0.68);
  line-height: 1.4;
  max-width: 48rem;
}
.gastos-page .gastos-saldo-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
}
@media (max-width: 900px) {
  .gastos-page .gastos-saldo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .gastos-page .gastos-saldo-grid {
    grid-template-columns: 1fr;
  }
}
.gastos-page .gastos-saldo-item {
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(4, 13, 24, 0.55);
}
.gastos-page .gastos-saldo-item--destaque {
  border-color: rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.08);
}
.gastos-page .gastos-saldo-item--destaque.gastos-saldo-item--baixo {
  border-color: rgba(231, 76, 60, 0.35);
  background: rgba(231, 76, 60, 0.1);
}
.gastos-page .gastos-saldo-item--destaque.gastos-saldo-item--baixo .gastos-saldo-valor {
  color: #ff8a80;
}
.gastos-page .gastos-saldo-label {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(214, 227, 241, 0.62);
}
.gastos-page .gastos-saldo-valor {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.gastos-page .gastos-saldo-item--destaque .gastos-saldo-valor {
  color: #38d39f;
}
.gastos-page .gastos-ativacao-bar,
.gastos-page .gastos-meta-info-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(56, 211, 159, 0.25);
  background: linear-gradient(135deg, rgba(56, 211, 159, 0.1) 0%, rgba(12, 19, 28, 0.85) 100%);
}
.gastos-page .gastos-meta-info-bar {
  border-color: rgba(91, 141, 239, 0.28);
  background: linear-gradient(135deg, rgba(91, 141, 239, 0.12) 0%, rgba(12, 19, 28, 0.85) 100%);
}
.gastos-page .gastos-meta-info-titulo {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #e8eef4;
}
.gastos-page .gastos-meta-info-sub {
  margin: 0;
  font-size: 0.82rem;
  color: rgba(214, 227, 241, 0.72);
  line-height: 1.45;
  max-width: 52rem;
}
.gastos-page .gastos-meta-info-sub strong {
  color: rgba(232, 238, 244, 0.92);
  font-weight: 600;
}
.gastos-page .gastos-meta-tarifas {
  margin-bottom: 1rem;
  padding: 1rem 1.1rem 1.1rem;
  border-radius: 12px;
  border: 1px solid rgba(91, 141, 239, 0.22);
  background: linear-gradient(135deg, rgba(91, 141, 239, 0.1) 0%, rgba(12, 19, 28, 0.88) 100%);
}
.gastos-page .gastos-meta-tarifas-head {
  margin-bottom: 0.85rem;
}
.gastos-page .gastos-meta-tarifas-titulo {
  margin: 0 0 0.2rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #e8eef4;
}
.gastos-page .gastos-meta-tarifas-sub {
  margin: 0;
  font-size: 0.78rem;
  color: rgba(214, 227, 241, 0.68);
  line-height: 1.4;
}
.gastos-page .gastos-meta-tarifas-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.65rem;
  margin-bottom: 0.9rem;
}
@media (max-width: 900px) {
  .gastos-page .gastos-meta-tarifas-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  .gastos-page .gastos-meta-tarifas-grid {
    grid-template-columns: 1fr;
  }
}
.gastos-page .gastos-meta-tarifas-loading {
  margin: 0;
  grid-column: 1/-1;
  font-size: 0.82rem;
  color: rgba(214, 227, 241, 0.72);
}
.gastos-page .gastos-meta-tarifa-card {
  padding: 0.75rem 0.8rem;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
}
.gastos-page .gastos-meta-tarifa-card--gratis {
  border-color: rgba(56, 211, 159, 0.28);
  background: rgba(56, 211, 159, 0.08);
}
.gastos-page .gastos-meta-tarifa-label {
  margin: 0 0 0.35rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(232, 238, 244, 0.92);
}
.gastos-page .gastos-meta-tarifa-preco {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.5rem;
}
.gastos-page .gastos-meta-tarifa-brl {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #38d39f;
}
.gastos-page .gastos-meta-tarifa-usd {
  font-size: 0.72rem;
  color: rgba(214, 227, 241, 0.62);
}
.gastos-page .gastos-meta-tarifa-gratis {
  font-family: "Outfit", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #38d39f;
}
.gastos-page .gastos-meta-tarifa-por {
  margin: 0.2rem 0 0;
  font-size: 0.68rem;
  color: rgba(214, 227, 241, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.gastos-page .gastos-meta-janela24h {
  padding-top: 0.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.gastos-page .gastos-meta-janela24h-titulo {
  margin: 0 0 0.35rem;
  font-size: 0.84rem;
  font-weight: 600;
  color: #e8eef4;
  display: flex;
  align-items: center;
  gap: 0.45rem;
}
.gastos-page .gastos-meta-janela24h-titulo i {
  color: #5b8def;
}
.gastos-page .gastos-meta-janela24h-texto {
  margin: 0;
  font-size: 0.8rem;
  color: rgba(214, 227, 241, 0.72);
  line-height: 1.5;
  max-width: 56rem;
}
.gastos-page .gastos-meta-janela24h-texto strong {
  color: rgba(232, 238, 244, 0.92);
  font-weight: 600;
}
.gastos-page .gastos-ativacao-titulo {
  margin: 0 0 0.25rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #e8eef4;
}
.gastos-page .gastos-ativacao-sub {
  margin: 0;
  font-size: 0.82rem;
  color: rgba(214, 227, 241, 0.72);
  line-height: 1.45;
  max-width: 42rem;
}
.gastos-page .gastos-ativacao-acoes {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
.gastos-page .gastos-ativacao-valor {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 8.5rem;
}
.gastos-page .gastos-ativacao-valor > span {
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(214, 227, 241, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.gastos-page .gastos-ativacao-valor input {
  width: 100%;
  min-width: 8.5rem;
  height: 40px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: #fff;
  font-size: 0.95rem;
  font-variant-numeric: tabular-nums;
}
.gastos-page .gastos-ativacao-valor input:focus {
  outline: none;
  border-color: rgba(56, 211, 159, 0.45);
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.12);
}
.gastos-page .gastos-btn-ativar-ia {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: none;
  border-radius: 10px;
  padding: 0.65rem 1.1rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #0c131c;
  background: #38d39f;
  cursor: pointer;
  white-space: nowrap;
  transition: filter 0.15s, opacity 0.15s;
  text-decoration: none;
}
.gastos-page .gastos-btn-ativar-ia:hover:not(:disabled) {
  filter: brightness(1.05);
}
.gastos-page .gastos-btn-ativar-ia:disabled {
  opacity: 0.65;
  cursor: wait;
}
.gastos-page .gastos-retorno-acoes {
  margin-top: 1rem;
}
.gastos-page .gastos-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.65);
}
.gastos-page .gastos-periodo-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.gastos-page .gastos-periodo-btn {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  color: #d6e3f1;
  border-radius: 8px;
  padding: 0.45rem 0.85rem;
  font-size: 0.875rem;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}
.gastos-page .gastos-periodo-btn:hover {
  background: rgba(255, 255, 255, 0.08);
}
.gastos-page .gastos-periodo-btn--ativo {
  border-color: rgba(56, 211, 159, 0.45);
  background: rgba(56, 211, 159, 0.12);
  color: #38d39f;
}
.gastos-page .gastos-periodo-custom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
}
.gastos-page .gastos-periodo-custom label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  color: rgba(214, 227, 241, 0.75);
}
.gastos-page .gastos-periodo-custom input[type=date] {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.25);
  color: #d6e3f1;
  border-radius: 8px;
  padding: 0.4rem 0.55rem;
  font-size: 0.875rem;
  color-scheme: dark;
}
.gastos-page .gastos-btn-atualizar {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: none;
  border-radius: 8px;
  padding: 0.5rem 1rem;
  background: #38d39f;
  color: #07111f;
  font-weight: 600;
  cursor: pointer;
}
.gastos-page .gastos-btn-atualizar:hover {
  filter: brightness(1.05);
}
.gastos-page .gastos-msg {
  border-radius: 8px;
  padding: 0.65rem 0.9rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
}
.gastos-page .gastos-msg--erro {
  background: rgba(231, 76, 60, 0.12);
  border: 1px solid rgba(231, 76, 60, 0.35);
  color: #ff8a80;
}
.gastos-page .gastos-msg--info {
  background: rgba(91, 141, 239, 0.1);
  border: 1px solid rgba(91, 141, 239, 0.3);
  color: #c7d4e2;
}
.gastos-page .gastos-loading {
  display: none;
  align-items: center;
  gap: 0.65rem;
  padding: 2rem;
  justify-content: center;
  color: rgba(214, 227, 241, 0.8);
}
.gastos-page .gastos-loading:not([hidden]) {
  display: flex;
}
.gastos-page .gastos-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 960px) {
  .gastos-page .gastos-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .gastos-page .gastos-kpis {
    grid-template-columns: 1fr;
  }
}
.gastos-page .gastos-kpi {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 1rem 1.1rem;
  background: rgba(12, 19, 28, 0.88);
}
.gastos-page .gastos-kpi--destaque {
  border-color: rgba(56, 211, 159, 0.35);
  background: rgba(56, 211, 159, 0.08);
}
.gastos-page .gastos-kpi-label {
  font-size: 0.8rem;
  color: rgba(214, 227, 241, 0.7);
  margin: 0 0 0.35rem;
}
.gastos-page .gastos-kpi-valor {
  font-size: 1.45rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
  line-height: 1.2;
  color: #fff;
}
.gastos-page .gastos-kpi-meta {
  font-size: 0.75rem;
  color: rgba(214, 227, 241, 0.6);
  margin: 0;
}
.gastos-page .gastos-charts-row {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 960px) {
  .gastos-page .gastos-charts-row {
    grid-template-columns: 1fr;
  }
}
.gastos-page .gastos-chart-card {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 1rem;
  background: rgba(12, 19, 28, 0.88);
}
.gastos-page .gastos-chart-card--wide {
  min-height: 280px;
}
.gastos-page .gastos-chart-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  color: #fff;
}
.gastos-page .gastos-chart-wrap {
  position: relative;
  height: 240px;
}
.gastos-page .gastos-chart-wrap--donut {
  height: 260px;
}
.gastos-page .gastos-panel {
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 1rem;
  background: rgba(12, 19, 28, 0.88);
  margin-bottom: 1rem;
}
.gastos-page .gastos-panel--full {
  margin-bottom: 1rem;
}
.gastos-page .gastos-panel--full:last-child {
  margin-bottom: 0;
}
.gastos-page .gastos-panel-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
}
.gastos-page .gastos-panel-title i {
  color: #38d39f;
}
.gastos-page .gastos-table-wrap {
  overflow-x: auto;
}
.gastos-page .gastos-table-wrap--scroll {
  max-height: 280px;
  overflow: auto;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  background: rgba(8, 14, 24, 0.55);
}
.gastos-page .gastos-table-wrap--scroll .gastos-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #0c131c;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.gastos-page .gastos-table-wrap--scroll .gastos-table td {
  padding: 0.42rem 0.65rem;
  font-size: 0.8rem;
}
.gastos-page .gastos-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
}
.gastos-page .gastos-table th,
.gastos-page .gastos-table td {
  padding: 0.55rem 0.65rem;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #d6e3f1;
}
.gastos-page .gastos-table th {
  font-weight: 600;
  color: rgba(214, 227, 241, 0.65);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.gastos-page .gastos-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}
.gastos-page .gastos-table-empty {
  text-align: center;
  color: rgba(214, 227, 241, 0.55);
  padding: 1.5rem !important;
}

.dash-main:has(.cfg-page) {
  flex: 1;
  min-width: 0;
  width: auto;
  max-width: none;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  background: #07111f;
  box-sizing: border-box;
}

body.dash-page--configuracoes {
  background: #07111f;
}

.cfg-page {
  min-height: calc(100vh - 56px);
  width: 100%;
  padding: 14px 14px 20px;
  box-sizing: border-box;
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.035), transparent 22%), #07111f;
  font-family: "Inter", "Poppins", sans-serif;
  color: #d6e3f1;
  font-size: 0.875rem;
}
.cfg-page .cfg-container {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
.cfg-page .cfg-page-head {
  margin-bottom: 10px;
  overflow: visible;
}
.cfg-page .crmConfigTopbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(12, 19, 28, 0.75);
}
.cfg-page .crmConfigTopbarTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.cfg-page .crmConfigTopbarIcon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(56, 211, 159, 0.08);
  border: 1px solid rgba(56, 211, 159, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cfg-page .crmConfigTopbarIcon i {
  color: #38d39f;
  font-size: 0.75rem;
}
.cfg-page .crmConfigTopbarCopy {
  min-width: 0;
}
.cfg-page .crmConfigTopbarName {
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  color: #e8eef4;
}
.cfg-page .crmConfigTopbarSub {
  margin: 0.1rem 0 0;
  font-size: 0.72rem;
  color: rgba(214, 227, 241, 0.62);
}
.cfg-page .crm-config-tabs.inventory-page-tabs {
  display: none;
}
.cfg-page .cfg-tabs {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  margin: 8px 0 0;
  padding: 0;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: transparent;
  box-sizing: border-box;
}
.cfg-page .cfg-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  padding: 7px 12px 8px;
  min-height: 0;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #7f8ea3;
  font-family: "Inter", "Poppins", sans-serif;
  font-size: 0.78rem;
  font-weight: 550;
  letter-spacing: 0;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
  white-space: nowrap;
}
.cfg-page .cfg-tab i {
  font-size: 0.82rem;
  opacity: 0.75;
}
.cfg-page .cfg-tab:hover:not(.cfg-tab--ativo) {
  color: #c5d2e2;
  background: transparent;
}
.cfg-page .cfg-tab.cfg-tab--ativo {
  color: #9ee6c4;
  background: transparent;
  box-shadow: none;
  border-bottom-color: rgba(56, 211, 159, 0.75);
}
.cfg-page .cfg-tab.cfg-tab--ativo i {
  opacity: 0.95;
}
@media (max-width: 560px) {
  .cfg-page .cfg-tab {
    flex: 1 1 0;
    padding: 8px 6px;
    font-size: 0.72rem;
  }
  .cfg-page .cfg-tab i {
    font-size: 0.78rem;
  }
}
.cfg-page .cfg-msg {
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
  border-radius: 10px;
  font-size: 0.92rem;
  line-height: 1.4;
}
.cfg-page .cfg-msg--erro {
  background: rgba(220, 38, 38, 0.12);
  color: #fecaca;
  border: 1px solid rgba(248, 113, 113, 0.35);
}
.cfg-page .cfg-msg--sucesso {
  background: rgba(16, 185, 129, 0.12);
  color: #a7f3d0;
  border: 1px solid rgba(52, 211, 153, 0.35);
}
.cfg-page .cfg-pane {
  display: none;
}
.cfg-page .cfg-pane--active {
  display: block;
}
.cfg-page .cfg-form {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.cfg-page .cfg-card {
  background: rgba(12, 19, 28, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  padding: 0.85rem 0.95rem 0.95rem;
}
.cfg-page .cfg-card--identity {
  padding-top: 0.75rem;
}
.cfg-page .cfg-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin-bottom: 0.75rem;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(214, 227, 241, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.cfg-page .cfg-status-pill[data-state=ok] {
  background: rgba(37, 211, 102, 0.12);
  border-color: rgba(37, 211, 102, 0.28);
  color: #86efac;
}
.cfg-page .cfg-status-pill[data-state=warn] {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.3);
  color: #fcd34d;
}
.cfg-page .cfg-identity {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center;
}
.cfg-page .cfg-identity-photo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  text-align: center;
  align-self: center;
  justify-self: center;
}
.cfg-page .cfg-photo-thumb-wrap--lg {
  width: 72px;
  height: 72px;
}
.cfg-page .cfg-identity-fields {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-width: 0;
}
.cfg-page .cfg-field-label-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}
.cfg-page .cfg-field-label-row label {
  margin: 0;
  flex: 0 0 auto;
}
.cfg-page .cfg-field-label-row .cfg-name-status__hint {
  margin: 0;
  flex: 1 1 12rem;
  text-align: right;
  font-size: 0.7rem;
  line-height: 1.3;
  color: rgba(214, 227, 241, 0.55);
}
.cfg-page .cfg-phone-badge {
  margin: 0;
  padding: 0.45rem 0.65rem;
  border-radius: 8px;
  background: rgba(8, 12, 20, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #e8eef4;
  font-size: 0.82rem;
  font-weight: 550;
}
.cfg-page .cfg-name-status {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.15rem;
}
.cfg-page .cfg-name-status__badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.3rem;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.cfg-page .cfg-name-status[data-state=approved] .cfg-name-status__badge {
  background: rgba(37, 211, 102, 0.14);
  color: #86efac;
  border: 1px solid rgba(37, 211, 102, 0.28);
}
.cfg-page .cfg-name-status[data-state=pending] .cfg-name-status__badge {
  background: rgba(245, 158, 11, 0.14);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.cfg-page .cfg-name-status[data-state=declined] .cfg-name-status__badge {
  background: rgba(239, 68, 68, 0.14);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.cfg-page .cfg-name-status[data-state=unknown] .cfg-name-status__badge {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(214, 227, 241, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.cfg-page .cfg-name-status__hint {
  margin: 0;
  font-size: 0.7rem;
  line-height: 1.3;
  color: rgba(214, 227, 241, 0.55);
}
.cfg-page .cfg-section-title {
  margin: 0 0 0.15rem;
  font-size: 0.88rem;
  font-weight: 650;
  color: #e8eef4;
}
.cfg-page .cfg-section-sub {
  margin: 0 0 0.7rem;
  font-size: 0.74rem;
  color: rgba(214, 227, 241, 0.58);
}
.cfg-page .cfg-support-box {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(12, 19, 28, 0.55);
  padding: 0.65rem 0.9rem;
  color: rgba(214, 227, 241, 0.72);
  font-size: 0.86rem;
}
.cfg-page .cfg-support-box summary {
  cursor: pointer;
  font-weight: 600;
  color: rgba(232, 238, 244, 0.88);
}
.cfg-page .cfg-support-box p {
  margin: 0.55rem 0 0.2rem;
  line-height: 1.45;
}
.cfg-page .cfg-btn--sm {
  padding: 0.32rem 0.55rem;
  font-size: 0.72rem;
}
.cfg-page .cfg-form-acoes--sticky {
  position: sticky;
  bottom: 0.5rem;
  z-index: 2;
  padding: 0.5rem 0.6rem;
  margin-top: 0.15rem;
  border-radius: 10px;
  background: rgba(7, 17, 31, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
}
.cfg-page .cfg-card--empty {
  text-align: center;
  padding: 3rem 1.5rem;
}
.cfg-page .cfg-card--empty i {
  font-size: 1.75rem;
  opacity: 0.55;
  margin-bottom: 0.75rem;
}
.cfg-page .cfg-card--empty h2 {
  margin: 0 0 0.5rem;
  font-size: 1.2rem;
  color: #e8eef4;
}
.cfg-page .cfg-card--empty p {
  margin: 0 auto;
  max-width: 28rem;
  color: rgba(214, 227, 241, 0.75);
  line-height: 1.5;
}
.cfg-page .cfg-card--empty a {
  color: #38d39f;
}
.cfg-page .cfg-wa-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
  gap: 1rem;
  align-items: start;
}
.cfg-page .cfg-field {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}
.cfg-page .cfg-field label {
  font-size: 0.74rem;
  font-weight: 550;
  color: rgba(232, 238, 244, 0.86);
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.cfg-page .cfg-field input,
.cfg-page .cfg-field textarea,
.cfg-page .cfg-field select {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(8, 12, 20, 0.7);
  color: #e8eef4;
  padding: 0.42rem 0.6rem;
  font: inherit;
  font-size: 0.82rem;
  outline: none;
  box-sizing: border-box;
}
.cfg-page .cfg-field input::placeholder,
.cfg-page .cfg-field textarea::placeholder {
  color: rgba(214, 227, 241, 0.4);
}
.cfg-page .cfg-field input:focus,
.cfg-page .cfg-field textarea:focus,
.cfg-page .cfg-field select:focus {
  border-color: rgba(37, 211, 102, 0.55);
  box-shadow: 0 0 0 3px rgba(37, 211, 102, 0.12);
}
.cfg-page .cfg-field select option {
  background: #0c131c;
  color: #e8eef4;
}
.cfg-page .cfg-field textarea {
  resize: vertical;
  min-height: 2.25rem;
}
.cfg-page .cfg-field--grid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem;
}
.cfg-page .cfg-input--readonly,
.cfg-page .cfg-field input.cfg-input--readonly {
  opacity: 0.78;
  cursor: default;
}
.cfg-page .cfg-hint {
  margin: 0;
  font-size: 0.68rem;
  color: rgba(214, 227, 241, 0.52);
  line-height: 1.35;
}
.cfg-page .cfg-char {
  font-weight: 500;
  color: rgba(214, 227, 241, 0.5);
  font-variant-numeric: tabular-nums;
}
.cfg-page .cfg-photo-row {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.cfg-page .cfg-photo-thumb-wrap {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
  position: relative;
}
.cfg-page .cfg-photo-thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cfg-page .cfg-photo-empty {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: rgba(214, 227, 241, 0.45);
}
.cfg-page .cfg-photo-actions {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.cfg-page .cfg-form-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.35rem;
}
.cfg-page .cfg-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.42rem 0.75rem;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.cfg-page .cfg-btn--primary {
  background: rgba(56, 211, 159, 0.92);
  color: #04161a;
}
.cfg-page .cfg-btn--primary:hover {
  filter: brightness(1.05);
}
.cfg-page .cfg-btn--primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.cfg-page .cfg-btn--ghost {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  color: #d6e3f1;
}
.cfg-page .cfg-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.08);
}
.cfg-page .cfg-preview-sticky {
  position: sticky;
  top: calc(56px + 0.75rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cfg-page .cfg-preview-label {
  margin: 0 0 0.45rem;
  align-self: flex-start;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(214, 227, 241, 0.5);
}
.cfg-page {
  /* —— Prévia: tela "info do contato" do WhatsApp (modo escuro) —— */
}
.cfg-page .wa-phone {
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
}
.cfg-page .wa-phone__bezel {
  position: relative;
  border-radius: 26px;
  padding: 7px;
  background: #1a1d21;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 12px 28px rgba(0, 0, 0, 0.45), inset 0 0 0 1px rgba(0, 0, 0, 0.6);
}
.cfg-page .wa-phone__screen {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: #0b141a;
  height: 520px;
  display: flex;
  flex-direction: column;
  font-family: "Segoe UI", "Helvetica Neue", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.cfg-page .wa-prof__status {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px 2px;
  background: #1f2c34;
  color: #e9edef;
  font-size: 0.78rem;
  font-weight: 600;
}
.cfg-page .wa-prof__status-icons {
  display: flex;
  gap: 6px;
  font-size: 0.72rem;
  opacity: 0.9;
}
.cfg-page .wa-prof__bar {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px 12px;
  background: #1f2c34;
  color: #aebac1;
  font-size: 1.1rem;
}
.cfg-page .wa-prof__scroll {
  flex: 1;
  overflow-y: auto;
  background: #0b141a;
  scrollbar-width: thin;
  scrollbar-color: #2a3942 transparent;
}
.cfg-page .wa-prof__hero {
  background: #1f2c34;
  padding: 4px 14px 16px;
  text-align: center;
}
.cfg-page .wa-prof__avatar-wrap {
  width: 96px;
  height: 96px;
  margin: 2px auto 10px;
  border-radius: 50%;
  overflow: hidden;
  background: #2a3942;
}
.cfg-page .wa-prof__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cfg-page .wa-prof__avatar-fallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  font-size: 2rem;
  font-weight: 500;
  color: #e9edef;
  background: #00a884;
}
.cfg-page .wa-prof__name {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 400;
  color: #e9edef;
  letter-spacing: 0.01em;
  word-break: break-word;
  line-height: 1.25;
}
.cfg-page .wa-prof__phone {
  margin: 4px 0 0;
  font-size: 0.8rem;
  color: #8696a0;
  font-weight: 400;
}
.cfg-page .wa-prof__biz-badge {
  margin: 8px 0 0;
  font-size: 0.72rem;
  color: #8696a0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  background: rgba(134, 150, 160, 0.12);
  border: 1px solid rgba(134, 150, 160, 0.22);
}
.cfg-page .wa-prof__biz-badge i {
  font-size: 0.62rem;
  color: #8696a0;
  border: none;
  width: auto;
  height: auto;
  display: inline;
}
.cfg-page .wa-prof__hero .wa-prof__biz-badge {
  margin-left: auto;
  margin-right: auto;
}
.cfg-page .wa-prof__actions {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin-top: 16px;
}
.cfg-page .wa-prof__action {
  color: #00a884;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  font-size: 0.7rem;
  font-weight: 400;
  padding: 0;
}
.cfg-page .wa-prof__action-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid #00a884;
  display: grid;
  place-items: center;
  font-size: 0.92rem;
  color: #00a884;
}
.cfg-page .wa-prof__list-row {
  width: 100%;
  margin: 8px 0 0;
  border: 0;
  background: #111b21;
  color: #e9edef;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  font: inherit;
  font-size: 0.95rem;
  text-align: left;
  cursor: default;
}
.cfg-page .wa-prof__list-icon {
  color: #8696a0;
  width: 22px;
  text-align: center;
}
.cfg-page .wa-prof__list-text {
  flex: 1;
}
.cfg-page .wa-prof__list-chevron {
  color: #8696a0;
  font-size: 0.72rem;
}
.cfg-page .wa-prof__card {
  margin: 8px 0 0;
  background: #111b21;
  padding: 12px 16px 10px;
}
.cfg-page .wa-prof__card-label {
  margin: 0 0 10px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #00a884;
}
.cfg-page .wa-prof__about {
  margin: 0;
  font-size: 0.88rem;
  color: #e9edef;
  line-height: 1.4;
  white-space: pre-wrap;
  word-break: break-word;
  font-weight: 400;
}
.cfg-page .wa-prof__biz-row {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 10px 0;
  border-top: 0.5px solid #2a3942;
}
.cfg-page .wa-prof__biz-row:first-of-type {
  border-top: 0;
  padding-top: 2px;
}
.cfg-page .wa-prof__biz-row[hidden] {
  display: none !important;
}
.cfg-page .wa-prof__biz-icon {
  width: 20px;
  flex-shrink: 0;
  margin-top: 2px;
  color: #8696a0;
  font-size: 0.88rem;
  text-align: center;
}
.cfg-page .wa-prof__biz-k {
  margin: 0 0 2px;
  font-size: 0.68rem;
  color: #8696a0;
  font-weight: 500;
  line-height: 1.2;
}
.cfg-page .wa-prof__biz-v {
  margin: 0;
  font-size: 0.88rem;
  color: #e9edef;
  line-height: 1.35;
  word-break: break-word;
  white-space: pre-wrap;
  font-weight: 400;
}
.cfg-page .wa-prof__biz-v--link {
  color: #53bdeb;
}
.cfg-page .cfg-preview-disclaimer {
  margin-top: 0.5rem;
  max-width: 250px;
  text-align: center;
}
.cfg-page {
  /* Nome deve ser tipável — nunca herdar readonly visual */
}
.cfg-page #cfgWaDisplayName {
  cursor: text;
  opacity: 1 !important;
  pointer-events: auto;
  user-select: text;
}
.cfg-page {
  /* Compactar blocos reaproveitados da antiga tela de Parâmetros */
}
.cfg-page .parametros-card {
  border-radius: 12px;
  padding: 12px;
}
.cfg-page .parametros-secao {
  padding-bottom: 14px;
}
.cfg-page .parametros-secao-titulo {
  font-size: 0.82rem;
  padding-bottom: 6px;
  margin-bottom: 8px;
}
.cfg-page .parametros-secao-titulo i {
  font-size: 0.8rem;
}
.cfg-page .parametros-campo label,
.cfg-page .parametros-followup-label-compacta,
.cfg-page .parametros-followup-label-mensagem {
  font-size: 0.72rem;
}
.cfg-page .parametros-campo input,
.cfg-page .parametros-campo textarea,
.cfg-page .parametros-campo select,
.cfg-page .parametros-followup-num,
.cfg-page .parametros-followup-unidade,
.cfg-page .parametros-followup-msg {
  font-size: 0.82rem;
  min-height: 34px;
  padding: 7px 10px;
  border-radius: 8px;
}
.cfg-page .parametros-followup-msg {
  min-height: 64px;
}
.cfg-page .parametros-btn-submit {
  padding: 8px 14px;
  font-size: 12px;
  border-radius: 8px;
}
.cfg-page .parametros-toggle-label {
  font-size: 0.76rem;
}
.cfg-page .parametros-whatsapp-bloco__titulo {
  font-size: 0.82rem;
}
.cfg-page .parametros-followup-ajuda {
  font-size: 0.72rem;
}
.cfg-page .parametros-logo-atual,
.cfg-page .parametros-upload-area {
  min-height: 120px;
  padding: 10px;
  border-radius: 10px;
}
.cfg-page .parametros-form-grid {
  gap: 10px;
}
@media (max-width: 960px) {
  .cfg-page .cfg-wa-layout {
    grid-template-columns: 1fr;
  }
  .cfg-page .cfg-preview-sticky {
    position: static;
    order: -1;
  }
}
@media (max-width: 640px) {
  .cfg-page .cfg-identity {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    align-items: center;
  }
  .cfg-page .cfg-identity-photo {
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .cfg-page .cfg-identity-fields {
    width: 100%;
    text-align: left;
  }
  .cfg-page .cfg-field-label-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .cfg-page .cfg-field-label-row .cfg-name-status__hint {
    text-align: left;
    flex: 1 1 auto;
  }
  .cfg-page .cfg-tabs {
    position: sticky;
    top: 56px;
    z-index: 20;
    background: rgba(7, 17, 31, 0.96);
    backdrop-filter: blur(8px);
  }
  .cfg-page .crm-config-tabs.inventory-page-tabs,
  .cfg-page .crm-config-tab {
    display: none;
  }
}
@media (max-width: 560px) {
  .cfg-page .cfg-field--grid2 {
    grid-template-columns: 1fr;
  }
  .cfg-page {
    padding: 12px 10px 16px;
  }
}

body.dash-page--fipe {
  background: #020b16;
  overflow-x: clip;
}
body.dash-page--fipe .dash-layout,
body.dash-page--fipe .dash-main {
  overflow: visible;
}
body.dash-page--fipe .dash-main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-top: 56px !important;
  min-height: calc(100vh - 56px) !important;
  max-width: none !important;
  width: 100% !important;
  background: #020b16;
}

.fipeDashboard {
  min-height: calc(100vh - 56px);
  padding: 14px 16px;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  box-sizing: border-box;
}
.fipeDashboard *,
.fipeDashboard *::before,
.fipeDashboard *::after {
  box-sizing: border-box;
}
.fipeDashboard button,
.fipeDashboard select {
  font-family: inherit;
}
.fipeDashboard {
  background: radial-gradient(circle at top left, rgba(0, 255, 200, 0.06), transparent 30%), radial-gradient(circle at bottom right, rgba(0, 140, 255, 0.06), transparent 30%), #020b16;
}
.fipeDashboard__hero, .fipeDashboard__result, .fipeDashboard__history {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(7, 18, 33, 0.92);
  box-shadow: none;
}
.fipeDashboard__hero {
  padding: 14px 16px;
  margin-bottom: 12px;
}
.fipeDashboard__hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(34, 255, 209, 0.08), transparent 25%);
  opacity: 0.4;
  pointer-events: none;
}
.fipeDashboard__heroDecor {
  position: absolute;
  top: -12px;
  right: 0;
  width: 220px;
  height: 120px;
  opacity: 0.15;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(34, 255, 209, 0.15), transparent 60%);
  filter: blur(2px);
  mask-image: linear-gradient(to left, #000, transparent);
}
.fipeDashboard__heroContent {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.fipeDashboard__heroContent h1 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
  color: #f1f5f9;
}
.fipeDashboard__heroContent p {
  margin: 4px 0 0;
  color: #94a3b8;
  font-size: 0.72rem;
  line-height: 1.4;
  max-width: 42ch;
}
.fipeDashboard__heroIcon {
  min-width: 38px;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(56, 211, 159, 0.1);
  border: 1px solid rgba(56, 211, 159, 0.2);
  color: #38d39f;
  font-size: 0.95rem;
  flex-shrink: 0;
}
.fipeDashboard__filters {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
}
.fipeDashboard__field {
  min-width: 0;
}
.fipeDashboard__field label {
  display: block;
  margin-bottom: 4px;
  color: #94a3b8;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.fipeDashboard__input {
  position: relative;
  display: block;
}
.fipeDashboard__input i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #38d39f;
  font-size: 11px;
  pointer-events: none;
  z-index: 2;
}
.fipeDashboard__input select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0 28px 0 30px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background-color: #0c1828;
  background-image: none;
  color: #f1f5f9;
  -webkit-text-fill-color: #f1f5f9;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.fipeDashboard__input select option {
  background-color: #0c1828;
  color: #f1f5f9;
  font-size: 12px;
  padding: 6px;
}
.fipeDashboard__input select:disabled {
  opacity: 1;
  cursor: not-allowed;
  background-color: #081220;
  color: #64748b;
  -webkit-text-fill-color: #64748b;
  border-color: rgba(255, 255, 255, 0.06);
}
.fipeDashboard__input select:enabled:hover {
  border-color: rgba(56, 211, 159, 0.35);
  background-color: #0f1f32;
}
.fipeDashboard__input select:focus:not(:disabled) {
  border-color: rgba(56, 211, 159, 0.5);
  box-shadow: 0 0 0 2px rgba(56, 211, 159, 0.15);
  background-color: #0f1f32;
}
.fipeDashboard__input::after {
  content: "\f078";
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 9px;
  pointer-events: none;
  z-index: 2;
}
.fipeDashboard__button {
  height: 34px;
  border: none;
  border-radius: 8px;
  background: linear-gradient(90deg, #29e8c4, #6fffe5);
  color: #031018;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: 0.2s ease;
}
.fipeDashboard__button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 0 20px rgba(34, 255, 209, 0.2);
}
.fipeDashboard__button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.fipeDashboard__status {
  position: relative;
  z-index: 2;
  margin: 8px 0 0;
  font-size: 10px;
  color: #7f93a8;
  min-height: 1.2em;
}
.fipeDashboard__status:empty {
  display: none;
}
.fipeDashboard__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
  gap: 12px;
  align-items: start;
}
.fipeDashboard__result, .fipeDashboard__history {
  padding: 12px 14px;
}
.fipeDashboard__sectionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.fipeDashboard__sectionHeader div {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.fipeDashboard__sectionHeader i {
  color: #38d39f;
  font-size: 12px;
}
.fipeDashboard__sectionHeader h3 {
  margin: 0;
  font-family: "Outfit", sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  color: #f1f5f9;
}
.fipeDashboard__sectionHeader span {
  color: #7f93a8;
  font-size: 10px;
}
.fipeDashboard__linkBtn {
  border: none;
  background: transparent;
  color: #38d39f;
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
}
.fipeDashboard__linkBtn:hover {
  text-decoration: underline;
}
.fipeDashboard__resultGrid {
  display: grid;
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 10px;
}
.fipeDashboard__priceCard, .fipeDashboard__vehicleCard {
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.03);
}
.fipeDashboard__priceCard {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fipeDashboard__priceCard span {
  color: #38d39f;
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 6px;
}
.fipeDashboard__priceCard h2 {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.1;
  color: #38d39f;
  font-weight: 700;
}
.fipeDashboard__priceCard p {
  margin: 4px 0 0;
  color: #7f93a8;
  font-size: 10px;
}
.fipeDashboard__vehicleCard {
  padding: 12px;
}
.fipeDashboard__vehicleHeader {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 10px;
}
.fipeDashboard__vehicleHeader > i {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: rgba(56, 211, 159, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38d39f;
  font-size: 14px;
  flex-shrink: 0;
}
.fipeDashboard__vehicleHeader strong {
  display: block;
  font-size: 11px;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #f1f5f9;
}
.fipeDashboard__vehicleHeader span {
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.35;
  display: block;
}
.fipeDashboard__vehicleInfo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 10px;
}
.fipeDashboard__vehicleInfo div span {
  display: block;
  margin-bottom: 2px;
  color: #7f93a8;
  font-size: 9px;
}
.fipeDashboard__vehicleInfo div strong {
  font-size: 11px;
  font-weight: 600;
  color: #e2e8f0;
}
.fipeDashboard__alert {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.fipeDashboard__alert i {
  color: #38d39f;
  margin-top: 1px;
  font-size: 11px;
}
.fipeDashboard__alert p {
  margin: 0;
  color: #7f93a8;
  font-size: 10px;
  line-height: 1.4;
}
.fipeDashboard__historyEmpty {
  margin: 0;
  padding: 12px 8px;
  text-align: center;
  color: #7f93a8;
  font-size: 10px;
}
.fipeDashboard__historyItem {
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.02);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
  cursor: pointer;
  transition: 0.2s ease;
  text-align: left;
  width: 100%;
  color: #f1f5f9;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.fipeDashboard__historyItem:last-child {
  margin-bottom: 0;
}
.fipeDashboard__historyItem:hover {
  border-color: rgba(56, 211, 159, 0.25);
  background: rgba(56, 211, 159, 0.06);
}
.fipeDashboard__historyItem .left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.fipeDashboard__historyItem .left .icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(56, 211, 159, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #38d39f;
  flex-shrink: 0;
  font-size: 11px;
}
.fipeDashboard__historyItem .left > div {
  min-width: 0;
}
.fipeDashboard__historyItem .left strong {
  display: block;
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fipeDashboard__historyItem .left span {
  color: #8ca0b5;
  font-size: 9px;
  line-height: 1.3;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fipeDashboard__historyItem .right {
  text-align: right;
  flex-shrink: 0;
}
.fipeDashboard__historyItem .right strong {
  display: block;
  margin-bottom: 2px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
}
.fipeDashboard__historyItem .right span {
  color: #7f93a8;
  font-size: 9px;
  white-space: nowrap;
}

body.dash-page--fipe .fipeDashboard__input select {
  background-color: #0c1828;
  color: #f1f5f9;
}

@media (max-width: 1200px) {
  .fipeDashboard__filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fipeDashboard__button {
    grid-column: 1/-1;
  }
  .fipeDashboard__content {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .fipeDashboard {
    padding: 12px;
  }
  .fipeDashboard__filters {
    grid-template-columns: 1fr;
  }
  .fipeDashboard__resultGrid {
    grid-template-columns: 1fr;
  }
  .fipeDashboard__vehicleInfo {
    grid-template-columns: 1fr;
  }
  .fipeDashboard__historyItem {
    flex-direction: column;
    align-items: flex-start;
  }
  .fipeDashboard__historyItem .right {
    text-align: left;
  }
}

/*# sourceMappingURL=style.css.map */