.elementor-97 .elementor-element.elementor-element-f32a287{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-97 .elementor-element.elementor-element-f32a287.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-97 .elementor-element.elementor-element-eeb3469{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-97 .elementor-element.elementor-element-eeb3469.elementor-element{--flex-grow:0;--flex-shrink:0;}body.elementor-page-97:not(.elementor-motion-effects-element-type-background), body.elementor-page-97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f873fac );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-97 .elementor-element.elementor-element-f32a287{--content-width:1600px;--min-height:1440px;}}@media(min-width:768px){.elementor-97 .elementor-element.elementor-element-f32a287{--content-width:1366px;}}/* Start custom CSS for html, class: .elementor-element-eeb3469 *//* =========================
   DASHBOARD IA - PREMIUM DARK
   ========================= */

:root{
  --ia-bg: #0b0b12;
  --ia-bg-soft: #12121c;
  --ia-card: rgba(255,255,255,0.06);
  --ia-card-strong: rgba(255,255,255,0.1);
  --ia-border: rgba(255,255,255,0.12);
  --ia-text: #f5f5ff;
  --ia-text-soft: #c8c8d9;
  --ia-purple: #7c3aed;
  --ia-purple-2: #9333ea;
  --ia-pink: #c026d3;
  --ia-green: #22c55e;
  --ia-red: #ef4444;
  --ia-shadow: 0 12px 34px rgba(0,0,0,0.35);
  --ia-radius: 18px;
}

/* fundo geral */
.wrap:has(.ia-admin-dashboard){
  background:
    radial-gradient(circle at top left, rgba(124,58,237,0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(192,38,211,0.12), transparent 22%),
    linear-gradient(180deg, #0a0a10 0%, #11111b 100%);
  padding: 24px;
  border-radius: 22px;
}

/* container principal */
.ia-admin-dashboard{
  color: var(--ia-text);
  font-family: "Segoe UI", Arial, sans-serif;
}

.ia-admin-dashboard h1{
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  margin: 0 0 22px;
  letter-spacing: -0.4px;
}

.ia-admin-dashboard h2{
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 14px;
}

/* cards resumo */
.ia-admin-cards{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.ia-admin-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.04));
  border: 1px solid var(--ia-border);
  border-radius: var(--ia-radius);
  box-shadow: var(--ia-shadow);
  padding: 22px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(8px);
}

.ia-admin-card::before{
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ia-purple), var(--ia-pink));
}

.ia-admin-card small{
  display: block;
  color: var(--ia-text-soft);
  font-size: 13px;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.ia-admin-card strong{
  display: block;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.1;
}

/* bloco branco vira dark glass */
.ia-admin-box{
  background: var(--ia-card);
  border: 1px solid var(--ia-border);
  border-radius: var(--ia-radius);
  box-shadow: var(--ia-shadow);
  padding: 18px;
  backdrop-filter: blur(10px);
}

/* formulário de filtros */
.ia-admin-filters{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: end;
  margin-bottom: 24px;
}

.ia-admin-filters label{
  display: block;
  color: var(--ia-text-soft);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}

.ia-admin-dashboard input[type="text"],
.ia-admin-dashboard input[type="number"],
.ia-admin-dashboard select{
  min-height: 42px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.16);
  color: #fff;
  border-radius: 12px;
  padding: 0 14px;
  outline: none;
  box-shadow: none;
}

.ia-admin-dashboard input[type="text"]::placeholder,
.ia-admin-dashboard input[type="number"]::placeholder{
  color: #b8b8ca;
}

.ia-admin-dashboard input[type="text"]:focus,
.ia-admin-dashboard input[type="number"]:focus,
.ia-admin-dashboard select:focus{
  border-color: var(--ia-purple);
  box-shadow: 0 0 0 3px rgba(124,58,237,0.2);
}

/* botões */
.ia-admin-dashboard .button,
.ia-admin-dashboard .button.button-primary{
  min-height: 42px;
  border-radius: 12px;
  padding: 0 16px;
  font-weight: 700;
  border: none;
  box-shadow: none;
  transition: 0.25s ease;
}

.ia-admin-dashboard .button.button-primary{
  background: linear-gradient(90deg, var(--ia-purple), var(--ia-pink));
  color: #fff;
}

.ia-admin-dashboard .button{
  background: rgba(255,255,255,0.1);
  color: #fff;
}

.ia-admin-dashboard .button:hover,
.ia-admin-dashboard .button.button-primary:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* tabela */
.ia-admin-table-wrap{
  background: var(--ia-card);
  border: 1px solid var(--ia-border);
  border-radius: var(--ia-radius);
  overflow: auto;
  box-shadow: var(--ia-shadow);
}

.ia-admin-dashboard table.widefat{
  border: none !important;
  background: transparent;
  color: #fff;
}

.ia-admin-dashboard table.widefat thead th{
  background: linear-gradient(180deg, rgba(124,58,237,0.28), rgba(124,58,237,0.12));
  color: #fff;
  border-bottom: 1px solid var(--ia-border);
  padding: 14px 12px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
}

.ia-admin-dashboard table.widefat tbody tr{
  background: transparent;
  transition: 0.2s ease;
}

.ia-admin-dashboard table.widefat tbody tr:nth-child(even){
  background: rgba(255,255,255,0.03);
}

.ia-admin-dashboard table.widefat tbody tr:hover{
  background: rgba(124,58,237,0.09);
}

.ia-admin-dashboard table.widefat td{
  color: #f3f3fb;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 14px 12px;
  vertical-align: middle;
}

.ia-admin-dashboard table.widefat td strong{
  color: #fff;
}

.ia-admin-dashboard table.widefat a{
  color: #c084fc;
  font-weight: 700;
  text-decoration: none;
}

.ia-admin-dashboard table.widefat a:hover{
  color: #fff;
  text-decoration: underline;
}

/* ações dentro da tabela */
.ia-admin-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.ia-admin-actions input[type="number"]{
  width: 90px;
}

/* badge de plano */
.ia-badge-plano{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ia-badge-basico{
  background: rgba(59,130,246,0.18);
  color: #93c5fd;
  border: 1px solid rgba(147,197,253,0.25);
}

.ia-badge-prata{
  background: rgba(148,163,184,0.18);
  color: #e2e8f0;
  border: 1px solid rgba(226,232,240,0.25);
}

.ia-badge-ouro{
  background: rgba(234,179,8,0.18);
  color: #fde68a;
  border: 1px solid rgba(253,230,138,0.3);
}

.ia-badge-sem-plano{
  background: rgba(239,68,68,0.14);
  color: #fca5a5;
  border: 1px solid rgba(252,165,165,0.24);
}

/* notices */
.ia-admin-dashboard .notice{
  border-radius: 14px;
  border: 1px solid var(--ia-border);
  box-shadow: none;
}

.ia-admin-dashboard .notice.notice-success{
  border-left: 4px solid var(--ia-green);
}

.ia-admin-dashboard .notice.notice-error{
  border-left: 4px solid var(--ia-red);
}

/* cards de conversa */
.ia-conversa-card{
  background: var(--ia-card);
  border: 1px solid var(--ia-border);
  border-radius: var(--ia-radius);
  box-shadow: var(--ia-shadow);
  padding: 22px;
  margin-bottom: 18px;
}

.ia-conversa-card p{
  color: var(--ia-text-soft);
}

.ia-conversa-msg{
  border-top: 1px solid rgba(255,255,255,0.08);
  padding-top: 14px;
  margin-top: 14px;
}

.ia-conversa-msg strong{
  color: #fff;
}

.ia-conversa-meta{
  color: #bdbdd0;
  font-size: 12px;
  margin-top: 8px;
}

/* responsivo */
@media (max-width: 900px){
  .wrap:has(.ia-admin-dashboard){
    padding: 14px;
  }

  .ia-admin-dashboard h1{
    font-size: 26px;
  }

  .ia-admin-card strong{
    font-size: 24px;
  }

  .ia-admin-filters{
    flex-direction: column;
    align-items: stretch;
  }

  .ia-admin-actions{
    flex-direction: column;
    align-items: stretch;
  }

  .ia-admin-actions input[type="number"]{
    width: 100%;
  }
}/* End custom CSS */