/* =========================================================
   Dev Schotan v13 — sistema unificado de botões
   Padrão: transparente + borda branca + texto branco.
   Estado ativo/selecionado: verde-claro iluminado, sem fill forte.
   ========================================================= */
:root{
  --ds-btn-bg:rgba(5,13,19,.28);
  --ds-btn-border:rgba(255,255,255,.22);
  --ds-btn-border-hover:rgba(255,255,255,.48);
  --ds-btn-text:#f7fafc;
  --ds-btn-active:#82f6a0;
  --ds-btn-active-border:rgba(104,236,139,.58);
  --ds-btn-active-bg:rgba(69,211,107,.075);
  --ds-btn-active-glow:rgba(69,211,107,.12);
}

/* CTAs e ações comuns */
.button-primary,
.button-secondary,
.nav-login,
.modern-button.primary,
.modern-button.secondary,
.primary-button,
.google-button,
.facebook-button,
.checkout-shell .primary,
.compact-cta,
.product-header .account,
.logout,
.mobile-menu,
.alert button,
.product-grid button,
.editor-form>button,
.actions button,
.menu-toggle{
  color:var(--ds-btn-text)!important;
  background:var(--ds-btn-bg)!important;
  border:1px solid var(--ds-btn-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.button-primary:hover,
.button-secondary:hover,
.nav-login:hover,
.modern-button.primary:hover,
.modern-button.secondary:hover,
.primary-button:hover:not(:disabled),
.google-button:hover:not(:disabled),
.facebook-button:hover:not(:disabled),
.checkout-shell .primary:hover:not(:disabled),
.compact-cta:hover,
.product-header .account:hover,
.logout:hover,
.mobile-menu:hover,
.alert button:hover,
.product-grid button:hover,
.editor-form>button:hover,
.actions button:hover,
.menu-toggle:hover{
  color:#fff!important;
  background:rgba(255,255,255,.045)!important;
  border-color:var(--ds-btn-border-hover)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
  filter:none!important;
}

/* Ícones dos CTAs permanecem claros e discretos. */
.button-primary .button-icon,
.button-secondary .button-icon,
.modern-button.primary .button-icon,
.modern-button.secondary .button-icon{
  background:rgba(255,255,255,.055)!important;
}
.button-primary .button-icon img,
.button-secondary .button-icon img,
.modern-button.primary .button-icon img,
.modern-button.secondary .button-icon img,
.compact-cta img{
  filter:brightness(0) invert(1)!important;
}

/* Botões/chips não selecionados */
.filter-chip,
.tab,
.media-switch button,
.mode-selector button,
.plan-button,
.mode-button,
.nav-item,
.digital-fx-toggle{
  color:#eef4f7!important;
  background:rgba(5,13,19,.18)!important;
  border:1px solid var(--ds-btn-border)!important;
  box-shadow:none!important;
}
.filter-chip:hover,
.tab:hover,
.media-switch button:hover,
.mode-selector button:hover,
.plan-button:hover,
.mode-button:hover,
.nav-item:hover,
.digital-fx-toggle:hover{
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  border-color:var(--ds-btn-border-hover)!important;
}

/* Estado aceso/selecionado — referência enviada pelo usuário. */
.filter-chip.active,
.tab.active,
.media-switch button.active,
.mode-selector button.active,
.plan-button.active,
.mode-button.active,
.nav-item.active,
.sidebar nav a.active,
.digital-fx-toggle[aria-pressed="true"]{
  color:var(--ds-btn-active)!important;
  background:var(--ds-btn-active-bg)!important;
  border-color:var(--ds-btn-active-border)!important;
  box-shadow:0 0 0 1px rgba(69,211,107,.035),0 0 18px var(--ds-btn-active-glow),inset 0 0 16px rgba(69,211,107,.025)!important;
}

/* Navegação ativa do dashboard segue o mesmo estado aceso. */
.sidebar nav a.active{border:1px solid var(--ds-btn-active-border)!important;border-radius:11px}

/* Ações semânticas: sem preenchimento forte. */
.actions button.approve{color:var(--ds-btn-active)!important;border-color:var(--ds-btn-active-border)!important;background:var(--ds-btn-active-bg)!important}
.actions button.reject,.actions button.delete{background:transparent!important;border-color:rgba(255,126,126,.38)!important;color:#ffadad!important}
.actions button.edit{background:transparent!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}

/* Upload do painel também entra no padrão. */
.editor-form input[type=file]::file-selector-button{
  color:#fff!important;
  background:transparent!important;
  border:1px solid var(--ds-btn-border)!important;
}
.editor-form input[type=file]::file-selector-button:hover{border-color:var(--ds-btn-border-hover)!important;background:rgba(255,255,255,.04)!important}

/* Botão de compartilhar: vidro branco; sem bloco verde/azul. */
.software-share:hover,.software-share:focus-visible{
  color:#fff!important;
  background:rgba(6,14,20,.88)!important;
  border-color:rgba(255,255,255,.42)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.28)!important;
}
.software-share:hover img,.software-share:focus-visible img{filter:brightness(0) invert(1)!important}

/* Foco acessível acompanha o verde-claro, sem preencher o botão. */
button:focus-visible,a.button:focus-visible,a.modern-button:focus-visible,a.nav-login:focus-visible,a.compact-cta:focus-visible{
  outline:2px solid rgba(130,246,160,.82)!important;
  outline-offset:3px!important;
}

/* Olho de senha */
.password-control{position:relative;min-width:0}
.password-control input{width:100%;padding-right:50px!important}
.password-toggle{
  position:absolute;
  top:50%;right:8px;
  transform:translateY(-50%);
  width:36px;height:36px;
  display:grid;place-items:center;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#fff;
  cursor:pointer;
  transition:background .18s,border-color .18s,opacity .18s;
}
.password-toggle:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.16)}
.password-toggle:focus-visible{outline:2px solid rgba(130,246,160,.82);outline-offset:2px}
.password-toggle img{width:18px;height:18px;opacity:.78;filter:brightness(0) invert(1)}
.password-toggle[aria-pressed="true"] img{opacity:1}
.password-toggle:disabled{opacity:.4;cursor:not-allowed}

@media(max-width:520px){
  .password-toggle{right:6px;width:36px;height:36px}
}

/* Controles iconográficos também seguem o mesmo vidro transparente. */
.product-review-close{
  color:#fff!important;
  background:transparent!important;
  border:1px solid var(--ds-btn-border)!important;
}
.product-review-close:hover{background:rgba(255,255,255,.045)!important;border-color:var(--ds-btn-border-hover)!important}

/* v15 — scrollbar tecnológica global */
html{
  scrollbar-width:thin;
  scrollbar-color:rgba(151,231,255,.72) rgba(3,9,15,.96);
}
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(151,231,255,.62) rgba(3,9,15,.72);
}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(3,9,15,.98),rgba(7,17,25,.98));
  border-left:1px solid rgba(255,255,255,.035);
}
::-webkit-scrollbar-thumb{
  min-height:46px;
  border:2px solid rgba(3,9,15,.96);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(172,244,255,.88),rgba(153,245,182,.72));
  box-shadow:0 0 10px rgba(140,231,255,.18),inset 0 0 0 1px rgba(255,255,255,.12);
}
::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(205,250,255,.96),rgba(181,255,202,.88));
  box-shadow:0 0 14px rgba(152,237,255,.34),0 0 22px rgba(162,248,185,.12);
}
::-webkit-scrollbar-corner{background:#03090f}

/* v26 — SVGs verdes devem permanecer verdes, sem o filtro branco legado */
img[src*="arrow-right-green.svg"],img[src*="arrow-left-green.svg"]{
  filter:drop-shadow(0 0 3px rgba(104,240,143,.72))!important;
  opacity:1!important;
}
.modern-button .button-icon:has(img[src*="arrow-right-green.svg"]){
  background:rgba(104,240,143,.075)!important;
  border:1px solid rgba(104,240,143,.3)!important;
}