:root{--aa-green:#00e65c;--aa-cyan:#00f5ff;--aa-blue:#006dff;--aa-purple:#b22cff;--aa-bg:#020817;--aa-panel:rgba(6,23,52,0.92);--aa-border:rgba(0,230,92,0.32)}body{background:radial-gradient(circle at top,#061734 0,#020817 60%,#01040d 100%)!important}.MuiDrawer-paper{background:linear-gradient(180deg,#020817,#061734 55%,#020817)!important;color:#fff!important;border-right:1px solid var(--aa-border)!important;box-shadow:8px 0 30px rgba(0,230,92,.16)!important}.MuiDrawer-paper img{max-width:180px!important;max-height:42px!important;filter:drop-shadow(0 0 10px rgba(0,230,92,.55))!important}.MuiListItem-root{color:#fff!important;border-radius:12px!important;margin:4px 8px!important}.MuiListItem-button:hover,.MuiListItem-root:hover{background:linear-gradient(90deg,rgba(0,230,92,.25),rgba(0,245,255,.1))!important;box-shadow:inset 3px 0 0 var(--aa-green),0 0 18px rgba(0,230,92,.22)!important}.MuiListItemIcon-root,.MuiSvgIcon-root{color:inherit}.MuiAppBar-root{background:linear-gradient(90deg,#061734,#0a2f7a 40%,#00b86b 75%,#00e65c)!important;border-bottom:1px solid rgba(0,245,255,.35)!important;box-shadow:0 8px 28px rgba(0,245,255,.16)!important}.MuiPaper-root{background:linear-gradient(135deg,rgba(6,23,52,.94),rgba(8,31,69,.84))!important;color:#fff!important;border:1px solid rgba(0,230,92,.18)!important;box-shadow:0 0 24px rgba(0,230,92,.1)!important}.MuiTableCell-root{color:#fff!important;border-bottom:1px solid rgba(0,230,92,.18)!important}.MuiTableHead-root .MuiTableCell-root{color:#fff!important;font-weight:800!important;background:rgba(0,245,255,.06)!important}.MuiButton-contained,.MuiButton-containedPrimary,button[type=button]{background:linear-gradient(135deg,var(--aa-green),var(--aa-blue))!important;color:#fff!important;border-radius:10px!important;box-shadow:0 0 18px rgba(0,230,92,.45)!important;font-weight:800!important}.MuiButton-outlined,.MuiButton-outlinedPrimary{border:1px solid var(--aa-green)!important;color:var(--aa-green)!important;background:rgba(0,230,92,.06)!important;box-shadow:0 0 14px rgba(0,230,92,.18)!important}.MuiInputBase-root,.MuiOutlinedInput-root,.MuiSelect-root{color:#fff!important;background:rgba(2,8,23,.55)!important;border-radius:10px!important}.MuiInput-underline:after,.MuiInput-underline:before{border-bottom-color:rgba(0,245,255,.55)!important}.MuiFormHelperText-root,.MuiFormLabel-root{color:hsla(0,0%,100%,.72)!important}.MuiChip-root{border-color:var(--aa-green)!important;color:var(--aa-green)!important;background:rgba(0,230,92,.1)!important;box-shadow:0 0 12px rgba(0,230,92,.22)!important}.MuiCard-root,.MuiTableContainer-root{border-radius:16px!important}.MuiDrawer-paper img{width:210px!important;max-width:210px!important;height:auto!important;max-height:none!important;object-fit:contain!important}body:has(.MuiDrawer-paper){background:#f6faff}.MuiDrawer-paper[style*=visibility]{background:#fff}.MuiPaper-root{border-radius:16px!important}.MuiAppBar-root{color:#fff!important}.MuiButtonBase-root.buttonHover:hover{background:#242424}.MuiButtonBase-root.buttonHover{background:#474747}.event-container{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete-icon,.edit-icon{opacity:0;transition:opacity .3s;margin-left:5px;z-index:1}.event-container:hover .delete-icon,.event-container:hover .edit-icon{opacity:1}.edgebutton{width:20px;height:20px;background:#eee;border:1px solid #fff;cursor:pointer;border-radius:50%;font-size:12px;line-height:1;justify-content:center;display:flex;align-self:center;align-items:center}.edgebutton:hover{box-shadow:0 0 6px 2px rgba(0,0,0,.08)}.edgebutton-foreignobject body{background:transparent;width:40px;height:40px;display:flex;justify-content:center;align-items:center;min-height:40px}.react-flow__edge-path{stroke-width:6px}.react-flow__edge.selected .react-flow__edge-path{stroke:#00f}
/* SIDEBAR LIGHT MODE - override container */
body.atendeai-light .MuiDrawer-paper {
  background: linear-gradient(180deg, #ffffff 0%, #edf8ff 100%) !important;
  color: #334155 !important;
  border-right: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 8px 0 24px rgba(15, 23, 42, .08) !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItem-root {
  color: #334155 !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItemIcon-root,
body.atendeai-light .MuiDrawer-paper .MuiSvgIcon-root {
  color: #334155 !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItem-root:hover,
body.atendeai-light .MuiDrawer-paper .MuiListItem-button:hover {
  background: rgba(0, 109, 255, .08) !important;
  box-shadow: inset 3px 0 0 rgba(0, 109, 255, .28) !important;
}

/* SIDEBAR LIGHT MODE - textos internos */
body.atendeai-light .MuiDrawer-paper .MuiListItemText-primary,
body.atendeai-light .MuiDrawer-paper .MuiListSubheader-root,
body.atendeai-light .MuiDrawer-paper .MuiTypography-root {
  color: #334155 !important;
}

body.atendeai-light .MuiDrawer-paper .MuiDivider-root {
  background-color: rgba(15, 23, 42, .12) !important;
}

body.atendeai-light .MuiDrawer-paper .MuiBadge-colorSecondary {
  background-color: #006DFF !important;
  color: #ffffff !important;
}

/* LIGHT MODE - conteudo principal sem alterar topbar */
body.atendeai-light {
  background: #f6faff !important;
}

body.atendeai-light main,
body.atendeai-light [class*="content"] {
  background: linear-gradient(135deg, #f8fbff 0%, #eef7ff 100%) !important;
  color: #0f172a !important;
}

/* Remove dark global de cards/papers no Light, exceto Sidebar */
body.atendeai-light .MuiPaper-root:not(.MuiDrawer-paper),
body.atendeai-light .MuiCard-root,
body.atendeai-light .MuiTableContainer-root {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .08) !important;
}

/* Tabelas no Light */
body.atendeai-light .MuiTableCell-root {
  color: #0f172a !important;
  border-bottom: 1px solid rgba(15, 23, 42, .12) !important;
}

body.atendeai-light .MuiTableHead-root .MuiTableCell-root {
  color: #0f172a !important;
  background: #eef7ff !important;
}

/* Inputs/filtros no Light */
body.atendeai-light .MuiInputBase-root,
body.atendeai-light .MuiOutlinedInput-root,
body.atendeai-light .MuiSelect-root {
  color: #0f172a !important;
  background: #ffffff !important;
}

/* Calendario/agenda no Light */
body.atendeai-light .rbc-calendar,
body.atendeai-light .rbc-month-view,
body.atendeai-light .rbc-time-view,
body.atendeai-light .rbc-agenda-view,
body.atendeai-light .rbc-month-row,
body.atendeai-light .rbc-day-bg,
body.atendeai-light .rbc-date-cell,
body.atendeai-light .rbc-header {
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, .14) !important;
}

body.atendeai-light .rbc-off-range-bg {
  background: #f1f5f9 !important;
}

body.atendeai-light .rbc-today {
  background: #e0f2fe !important;
}

/* LIGHT MODE - visual mais moderno */
body.atendeai-light .MuiAppBar-root {
  background: linear-gradient(90deg, #0f2f5f 0%, #0f766e 58%, #14b8a6 100%) !important;
  border-bottom: 1px solid rgba(20, 184, 166, .28) !important;
  box-shadow: 0 10px 24px rgba(15, 47, 95, .18) !important;
}

body.atendeai-light .MuiToolbar-root .MuiIconButton-root {
  background: rgba(255, 255, 255, .10) !important;
  border-radius: 10px !important;
  margin: 0 2px !important;
  box-shadow: none !important;
}

body.atendeai-light .MuiToolbar-root .MuiIconButton-root:hover {
  background: rgba(255, 255, 255, .18) !important;
}

body.atendeai-light .MuiButton-contained,
body.atendeai-light .MuiButton-containedPrimary {
  background: linear-gradient(135deg, #10b981 0%, #0284c7 100%) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 18px rgba(2, 132, 199, .22) !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

body.atendeai-light .MuiButton-contained:hover,
body.atendeai-light .MuiButton-containedPrimary:hover {
  background: linear-gradient(135deg, #059669 0%, #0369a1 100%) !important;
  box-shadow: 0 10px 22px rgba(2, 132, 199, .28) !important;
}

body.atendeai-light button[type="button"] {
  border-radius: 9px !important;
}

body.atendeai-light .MuiCard-root,
body.atendeai-light .MuiPaper-root:not(.MuiDrawer-paper) {
  border-radius: 10px !important;
}

body.atendeai-light .MuiDrawer-paper {
  border-right: 1px solid rgba(20, 184, 166, .22) !important;
  box-shadow: 6px 0 22px rgba(15, 47, 95, .10) !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItem-root:hover {
  background: rgba(20, 184, 166, .10) !important;
  box-shadow: inset 3px 0 0 rgba(20, 184, 166, .55) !important;
}

/* LIGHT MODE - reduzir verde/neon restante */
body.atendeai-light {
  --aa-light-accent: #0284c7;
  --aa-light-accent-strong: #0369a1;
  --aa-light-soft: rgba(2, 132, 199, .10);
}

/* Topbar sem faixa verde forte */
body.atendeai-light .MuiAppBar-root {
  background: linear-gradient(90deg, #0f2f5f 0%, #075985 62%, #0284c7 100%) !important;
  border-bottom: 1px solid rgba(2, 132, 199, .24) !important;
  box-shadow: 0 8px 22px rgba(15, 47, 95, .16) !important;
}

/* Botões comuns e botões nativos que ainda pegavam o verde global */
body.atendeai-light .MuiButton-contained,
body.atendeai-light .MuiButton-containedPrimary,
body.atendeai-light button[type="button"] {
  background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, .20) !important;
  border: 0 !important;
}

body.atendeai-light .MuiButton-contained:hover,
body.atendeai-light .MuiButton-containedPrimary:hover,
body.atendeai-light button[type="button"]:hover {
  background: linear-gradient(135deg, #0284c7 0%, #1d4ed8 100%) !important;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .25) !important;
}

/* Títulos verdes do conteúdo */
body.atendeai-light h1,
body.atendeai-light h2,
body.atendeai-light h3,
body.atendeai-light .MuiTypography-h4,
body.atendeai-light .MuiTypography-h5,
body.atendeai-light .MuiTypography-h6 {
  color: #0369a1 !important;
}

/* Inputs com borda azul discreta em vez de ciano/verde */
body.atendeai-light .MuiInput-underline:before,
body.atendeai-light .MuiInput-underline:after {
  border-bottom-color: rgba(2, 132, 199, .35) !important;
}

body.atendeai-light .MuiOutlinedInput-notchedOutline {
  border-color: rgba(2, 132, 199, .22) !important;
}

/* DatePicker/Calendario Material UI */
body.atendeai-light .MuiPickersDay-daySelected,
body.atendeai-light .MuiPickersDay-current,
body.atendeai-light .MuiPickersToolbar-toolbar,
body.atendeai-light .MuiPickersCalendarHeader-switchHeader button {
  background: #0284c7 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body.atendeai-light .MuiPickersDay-day:hover {
  background: rgba(2, 132, 199, .12) !important;
}

/* Sidebar: remover filete verde forte */
body.atendeai-light .MuiDrawer-paper {
  border-right: 1px solid rgba(2, 132, 199, .16) !important;
  box-shadow: 6px 0 20px rgba(15, 47, 95, .08) !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItem-root:hover {
  background: rgba(2, 132, 199, .08) !important;
  box-shadow: inset 3px 0 0 rgba(2, 132, 199, .35) !important;
}

/* DARK MODE - botoes mais modernos */
body.atendeai-dark .MuiButton-contained,
body.atendeai-dark .MuiButton-containedPrimary,
body.atendeai-dark button[type="button"] {
  background: linear-gradient(135deg, #14b8a6 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-radius: 9px !important;
  border: 1px solid rgba(20, 184, 166, .28) !important;
  box-shadow: 0 8px 18px rgba(20, 184, 166, .22) !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

body.atendeai-dark .MuiButton-contained:hover,
body.atendeai-dark .MuiButton-containedPrimary:hover,
body.atendeai-dark button[type="button"]:hover {
  background: linear-gradient(135deg, #0d9488 0%, #1d4ed8 100%) !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

body.atendeai-dark .MuiButton-outlined,
body.atendeai-dark .MuiButton-outlinedPrimary {
  border: 1px solid rgba(20, 184, 166, .70) !important;
  color: #67e8f9 !important;
  background: rgba(20, 184, 166, .08) !important;
  box-shadow: none !important;
}

body.atendeai-dark .MuiButton-outlined:hover,
body.atendeai-dark .MuiButton-outlinedPrimary:hover {
  background: rgba(20, 184, 166, .14) !important;
  border-color: #22d3ee !important;
}

/* DARK MODE - botoes de icone na topbar */
body.atendeai-dark .MuiToolbar-root .MuiIconButton-root {
  background: rgba(255, 255, 255, .10) !important;
  border-radius: 10px !important;
  margin: 0 2px !important;
  box-shadow: none !important;
}

body.atendeai-dark .MuiToolbar-root .MuiIconButton-root:hover {
  background: rgba(255, 255, 255, .18) !important;
}

/* SIDEBAR LOGO - garante espaco para botao recolher */
.MuiDrawer-paper > div:first-child {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 56px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.MuiDrawer-paper > div:first-child img {
  width: auto !important;
  max-width: calc(100% - 52px) !important;
  max-height: 48px !important;
  object-fit: contain !important;
  flex: 0 1 auto !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  color: inherit !important;
  margin-left: 4px !important;
}

.MuiDrawer-paper > div:first-child .MuiSvgIcon-root {
  color: inherit !important;
}

/* SIDEBAR LOGO - ajuste tamanho final */
.MuiDrawer-paper > div:first-child {
  min-height: 68px !important;
  padding: 0 6px 0 10px !important;
}

.MuiDrawer-paper > div:first-child img {
  width: auto !important;
  max-width: calc(100% - 48px) !important;
  max-height: 58px !important;
  object-fit: contain !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
}

/* SIDEBAR LOGO - maior mantendo botão recolher */
.MuiDrawer-paper > div:first-child {
  min-height: 72px !important;
  padding: 0 6px 0 8px !important;
}

.MuiDrawer-paper > div:first-child img {
  width: 150px !important;
  max-width: calc(100% - 48px) !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin-left: 4px !important;
}

/* SIDEBAR LOGO - tamanho dobrado */
.MuiDrawer-paper > div:first-child {
  min-height: 92px !important;
  padding: 0 4px 0 6px !important;
}

.MuiDrawer-paper > div:first-child img {
  width: 185px !important;
  max-width: calc(100% - 44px) !important;
  height: auto !important;
  max-height: 84px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  margin-left: 2px !important;
}

/* SIDEBAR LOGO - tamanho maximo */
.MuiDrawer-paper > div:first-child {
  position: relative !important;
  min-height: 118px !important;
  padding: 0 6px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.MuiDrawer-paper > div:first-child img {
  width: 225px !important;
  max-width: 225px !important;
  height: auto !important;
  max-height: 108px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  z-index: 3 !important;
}

/* SIDEBAR LOGO - tamanho maximo */
.MuiDrawer-paper > div:first-child {
  position: relative !important;
  min-height: 118px !important;
  padding: 0 6px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.MuiDrawer-paper > div:first-child img {
  width: 225px !important;
  max-width: 225px !important;
  height: auto !important;
  max-height: 108px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.MuiDrawer-paper > div:first-child .MuiIconButton-root {
  position: absolute !important;
  right: 6px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  z-index: 3 !important;
}

/* UI PREMIUM - Dark/Light dashboard polish */
body.atendeai-dark {
  background: radial-gradient(circle at top left, #082f49 0%, #020617 52%, #01040d 100%) !important;
}

body.atendeai-dark main,
body.atendeai-dark [class*="content"] {
  background: radial-gradient(circle at top left, #082f49 0%, #020617 48%, #01040d 100%) !important;
}

/* Topbar premium */
body.atendeai-dark .MuiAppBar-root {
  background: linear-gradient(90deg, #082f49 0%, #0f766e 36%, #2563eb 68%, #7c3aed 100%) !important;
  border-bottom: 1px solid rgba(34, 211, 238, .24) !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, .22) !important;
}

/* Cards dark com efeito glass */
body.atendeai-dark .MuiPaper-root:not(.MuiDrawer-paper),
body.atendeai-dark .MuiCard-root {
  background: linear-gradient(145deg, rgba(8, 25, 54, .96), rgba(15, 23, 42, .92)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(34, 211, 238, .22) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28), inset 0 -2px 0 rgba(34, 211, 238, .18) !important;
}

/* Glow alternado nos cards do dashboard */
body.atendeai-dark .MuiPaper-root:not(.MuiDrawer-paper):nth-of-type(3n+1),
body.atendeai-dark .MuiCard-root:nth-of-type(3n+1) {
  box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 -3px 0 rgba(16, 185, 129, .75), 0 0 20px rgba(16, 185, 129, .18) !important;
}

body.atendeai-dark .MuiPaper-root:not(.MuiDrawer-paper):nth-of-type(3n+2),
body.atendeai-dark .MuiCard-root:nth-of-type(3n+2) {
  box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 -3px 0 rgba(37, 99, 235, .75), 0 0 20px rgba(37, 99, 235, .18) !important;
}

body.atendeai-dark .MuiPaper-root:not(.MuiDrawer-paper):nth-of-type(3n+3),
body.atendeai-dark .MuiCard-root:nth-of-type(3n+3) {
  box-shadow: 0 16px 34px rgba(0,0,0,.28), inset 0 -3px 0 rgba(168, 85, 247, .75), 0 0 20px rgba(168, 85, 247, .18) !important;
}

/* Tipografia dos cards */
body.atendeai-dark .MuiPaper-root:not(.MuiDrawer-paper) .MuiTypography-root,
body.atendeai-dark .MuiCard-root .MuiTypography-root {
  color: #f8fafc !important;
}

/* Light mode mais proximo da referencia */
body.atendeai-light .MuiPaper-root:not(.MuiDrawer-paper),
body.atendeai-light .MuiCard-root {
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 30px rgba(15, 47, 95, .08) !important;
}

body.atendeai-light .MuiPaper-root:not(.MuiDrawer-paper) .MuiTypography-root,
body.atendeai-light .MuiCard-root .MuiTypography-root {
  color: #075985 !important;
}

/* Sidebar ativa/hover mais elegante */
body.atendeai-dark .MuiDrawer-paper .MuiListItem-root:hover,
body.atendeai-dark .MuiDrawer-paper .MuiListItem-button:hover {
  background: linear-gradient(90deg, rgba(16,185,129,.20), rgba(37,99,235,.12)) !important;
  box-shadow: inset 4px 0 0 rgba(16,185,129,.85) !important;
}

body.atendeai-light .MuiDrawer-paper .MuiListItem-root:hover,
body.atendeai-light .MuiDrawer-paper .MuiListItem-button:hover {
  background: linear-gradient(90deg, rgba(14,165,233,.10), rgba(16,185,129,.08)) !important;
  box-shadow: inset 4px 0 0 rgba(14,165,233,.38) !important;
}

/* LOGIN DARK - visual premium */
body.atendeai-dark:not(:has(.MuiDrawer-paper)) {
  background:
    radial-gradient(circle at 18% 18%, rgba(16, 185, 129, .22), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(37, 99, 235, .24), transparent 30%),
    linear-gradient(135deg, #020617 0%, #061734 48%, #020817 100%) !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) #root {
  min-height: 100vh !important;
  background: transparent !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiContainer-root,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiPaper-root {
  background: rgba(8, 25, 54, .82) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(34, 211, 238, .20) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42), 0 0 32px rgba(37, 99, 235, .16) !important;
  backdrop-filter: blur(18px) !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) img {
  max-width: 260px !important;
  height: auto !important;
  filter: drop-shadow(0 0 18px rgba(34, 211, 238, .30)) !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiInputBase-root,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiOutlinedInput-root {
  background: rgba(15, 23, 42, .72) !important;
  color: #f8fafc !important;
  border-radius: 12px !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiOutlinedInput-notchedOutline {
  border-color: rgba(125, 211, 252, .35) !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #38bdf8 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .12) !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiButton-contained,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) button[type="submit"],
body.atendeai-dark:not(:has(.MuiDrawer-paper)) button[type="button"] {
  background: linear-gradient(135deg, #14b8a6 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .30) !important;
  text-transform: none !important;
  font-weight: 800 !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) a {
  color: #67e8f9 !important;
  font-weight: 700 !important;
}

body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiIconButton-root {
  background: rgba(37, 99, 235, .92) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .28) !important;
}

/* LOGIN DARK - remover verde antigo */
body.atendeai-dark:not(:has(.MuiDrawer-paper)),
body.atendeai-dark:not(:has(.MuiDrawer-paper)) #root,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) #root > div,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) main,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) section {
  background:
    radial-gradient(circle at 18% 18%, rgba(37, 99, 235, .22), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(124, 58, 237, .22), transparent 32%),
    linear-gradient(135deg, #020617 0%, #061734 48%, #020817 100%) !important;
}

/* Neutraliza painéis/faixas verdes criados pela tela de login */
body.atendeai-dark:not(:has(.MuiDrawer-paper)) div[style*="background"],
body.atendeai-dark:not(:has(.MuiDrawer-paper)) div[style*="rgb(0, 230"],
body.atendeai-dark:not(:has(.MuiDrawer-paper)) div[style*="#00"],
body.atendeai-dark:not(:has(.MuiDrawer-paper)) div[style*="green"] {
  background:
    radial-gradient(circle at 18% 18%, rgba(37, 99, 235, .18), transparent 30%),
    radial-gradient(circle at 82% 22%, rgba(124, 58, 237, .18), transparent 32%),
    linear-gradient(135deg, #020617 0%, #061734 48%, #020817 100%) !important;
}

/* Card central do login */
body.atendeai-dark:not(:has(.MuiDrawer-paper)) form,
body.atendeai-dark:not(:has(.MuiDrawer-paper)) .MuiPaper-root {
  background: rgba(8, 25, 54, .86) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(34, 211, 238, .20) !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42), 0 0 32px rgba(37, 99, 235, .16) !important;
  backdrop-filter: blur(18px) !important;
}