/* CDS VEI v27.3.10 — somente efeitos/UX; textos originais preservados */

/* Boot: entrada por celular no rodapé do cartão, sem links */
#auth-mobile-entry-button{
  width:100%;
  min-height:56px;
  margin-top:.8rem;
  padding:.8rem 1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  border:1px solid rgba(154,231,255,.24);
  border-radius:1rem;
  background:linear-gradient(180deg,rgba(11,30,44,.54),rgba(3,15,25,.44));
  color:#e9fbff;
  font-size:.88rem;
  font-weight:850;
  letter-spacing:.03em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 22px rgba(0,0,0,.22),0 0 20px rgba(94,216,255,.08);
  backdrop-filter:blur(16px) saturate(1.15);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
#auth-mobile-entry-button:hover{
  border-color:rgba(154,231,255,.46);
  filter:brightness(1.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(0,0,0,.25),0 0 24px rgba(94,216,255,.16);
}
#auth-mobile-entry-button:active{transform:translateY(1px) scale(.992)}
.auth-mobile-entry-icon{
  width:34px;height:34px;min-width:34px;
  display:grid;place-items:center;
  border-radius:.8rem;
  color:#bdf3ff;
  background:rgba(81,202,238,.10);
  border:1px solid rgba(123,226,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 14px rgba(94,216,255,.12);
}
.auth-mobile-entry-icon svg{width:19px;height:19px}

/* Título/sidebar: volta ao proporção anterior e remove bloco/sobra inferior */
#main-sidebar .cds-premium-brand-container{
  min-height:88px!important;
  height:88px!important;
  padding:8px 10px!important;
  margin:0 0 2px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#main-sidebar .cds-premium-brand-container::before{
  inset:7px 9px 8px!important;
  background:linear-gradient(180deg,rgba(12,22,31,.20),rgba(7,15,24,.08),rgba(0,0,0,0))!important;
  border:1px solid rgba(172,225,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
}
#main-sidebar .cds-premium-brand-container::after{
  left:24px!important;
  top:33px!important;
  width:72px!important;
  height:24px!important;
}
#main-sidebar .cds-premium-brand-image{
  width:78px!important;
  max-width:78px!important;
  border-radius:18px!important;
  mix-blend-mode:screen;
  opacity:.94!important;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(116,208,255,.06))!important;
}
#main-sidebar:hover .cds-premium-brand-image,
#main-sidebar.sidebar-expanded .cds-premium-brand-image,
#main-sidebar.sidebar-mobile-open .cds-premium-brand-image{
  width:min(282px,calc(100% - 8px))!important;
  max-width:282px!important;
}

/* Foco persistente: somente o selecionado fica vivo */
#main-sidebar.has-active-focus .menu-card.is-dimmed{
  opacity:.32!important;
  filter:grayscale(.24) saturate(.48) brightness(.62) blur(.35px)!important;
  transform:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 12px rgba(0,0,0,.16)!important;
}
#main-sidebar.has-active-focus .menu-card.is-dimmed::before,
#main-sidebar.has-active-focus .menu-card.is-dimmed::after{opacity:.08!important;box-shadow:none!important}
#main-sidebar.has-active-focus .menu-card.is-dimmed .menu-icon-3d{
  filter:grayscale(.18) saturate(.55) brightness(.68)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.08),inset 0 -3px 8px rgba(0,0,0,.50)!important;
}
#main-sidebar.has-active-focus .menu-card.is-dimmed .menu-text,
#main-sidebar.has-active-focus .menu-card.is-dimmed .menu-text::before{
  color:rgba(199,211,220,.62)!important;
  text-shadow:none!important;
}
#main-sidebar.has-active-focus .menu-card.active{
  opacity:1!important;
  filter:brightness(1.08) saturate(1.10)!important;
  transform:translateX(3px) scale(1.008)!important;
  border-left-width:5px!important;
  border-color:rgba(var(--mc-color),.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -10px 20px rgba(0,0,0,.20),0 0 20px rgba(var(--mc-color),.44),0 0 40px rgba(var(--mc-color),.22),0 13px 28px rgba(0,0,0,.34)!important;
}
#main-sidebar.has-active-focus .menu-card.active .menu-icon-3d{
  border-color:rgba(var(--mc-color),.82)!important;
  box-shadow:inset 0 1px 2px rgba(255,255,255,.30),inset 0 -3px 8px rgba(0,0,0,.58),0 0 16px rgba(var(--mc-color),.54),0 0 30px rgba(var(--mc-color),.28)!important;
  filter:drop-shadow(0 0 9px rgba(var(--mc-color),.58))!important;
}
#main-sidebar.has-active-focus .menu-card.active .menu-text,
#main-sidebar.has-active-focus .menu-card.active .menu-text::before{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.9),0 0 14px rgba(var(--mc-color),.42),0 0 28px rgba(var(--mc-color),.20)!important;
}
/* Hover dos itens fora de foco NÃO ganha o mesmo destaque do selecionado */
#main-sidebar.has-active-focus .menu-card.is-dimmed:hover,
#main-sidebar.has-active-focus .menu-card.is-dimmed.led-hover-hot{
  opacity:.48!important;
  filter:grayscale(.10) saturate(.68) brightness(.72)!important;
  transform:none!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 14px rgba(0,0,0,.18)!important;
}

/* LEDs mais vivos sem mudar textos/estrutura */
.led-indicator{
  box-shadow:0 0 10px #10b981,0 0 20px rgba(16,185,129,.72),0 0 34px rgba(16,185,129,.30),inset 0 1px 2px rgba(255,255,255,.46)!important;
  filter:brightness(1.18) saturate(1.12);
}
.led-indicator::after{inset:-4px!important;filter:brightness(1.18)}
.base-source-master-led.is-ready{
  box-shadow:0 0 12px rgba(16,185,129,.92),0 0 28px rgba(16,185,129,.48),0 0 46px rgba(16,185,129,.20)!important;
}

/* Atualizar Base: mantém texto original, só organiza e melhora efeito */
#xlsx-modal .cms-panel{
  max-width:820px!important;
  background:linear-gradient(145deg,rgba(5,14,24,.94),rgba(4,10,18,.96))!important;
  border:1px solid rgba(95,236,199,.15)!important;
  box-shadow:0 24px 74px rgba(0,0,0,.50),0 0 34px rgba(16,185,129,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#xlsx-modal h3{font-size:1.16rem!important;letter-spacing:.16em!important}
#xlsx-modal p,#xlsx-modal label,#xlsx-modal small,#xlsx-modal .base-source-status{font-size:.82rem!important;line-height:1.48!important}
.xlsx-base-selector{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.55rem;
  padding:.35rem;
  border-radius:1rem;
  border:1px solid rgba(121,230,198,.12);
  background:rgba(3,12,20,.44);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.xlsx-base-selector-btn{
  min-height:42px;
  padding:.65rem .7rem;
  border-radius:.8rem;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(9,20,30,.62);
  color:#91a9b7;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  transition:filter .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.xlsx-base-selector-btn.active{
  color:#eafff8;
  border-color:rgba(82,243,190,.42);
  background:rgba(12,47,42,.62);
  box-shadow:0 0 14px rgba(16,185,129,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
.xlsx-base-selector-btn:hover{filter:brightness(1.07)}
#xlsx-modal .base-source-grid{gap:.7rem!important}
#xlsx-modal .base-source-card{padding:.85rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.18)!important}
#xlsx-modal .base-source-card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 22px rgba(0,0,0,.22),0 0 18px rgba(16,185,129,.08)!important}
#xlsx-modal .base-company-fields label{font-size:.84rem!important;font-weight:700}
#xlsx-modal input,#xlsx-modal select{font-size:.92rem!important;min-height:46px!important}

@media(max-width:760px){
  .xlsx-base-selector{grid-template-columns:1fr!important}
  #auth-mobile-entry-button{min-height:52px}
}

@media(prefers-reduced-motion:reduce){
  #auth-mobile-entry-button,.xlsx-base-selector-btn,#main-sidebar .menu-card{transition:none!important}
}