/*
=========================================================
AgendaFlow - padrão unificado de botões
=========================================================
*/

/* Transição igual para os botões secundários/navegação */
.af-utility-button,
.secondary,
.ghost,
.logout-entry,
.client-link-button,
.auth-link-button,
.admin-link,
.button-link{
  transition:
    border-color .18s ease,
    color .18s ease,
    background-color .18s ease,
    opacity .18s ease;
}

/* Botões comuns: texto branco */
.af-utility-button,
.secondary,
.ghost,
.logout-entry,
.client-link-button,
.auth-link-button,
.admin-link,
.button-link{
  color:#fff!important;
}

/* Hover comum: borda dourada, texto continua branco */
.af-utility-button:hover,
.secondary:hover,
.ghost:hover,
.logout-entry:hover,
.client-link-button:hover,
.auth-link-button:hover,
.admin-link:hover,
.button-link:hover{
  border-color:var(--accent)!important;
  color:#fff!important;
}

/* Painel administrativo: texto sempre dourado */
.af-admin-button,
.admin-entry{
  color:var(--accent)!important;
}

/* Painel administrativo: hover com borda dourada */
.af-admin-button:hover,
.admin-entry:hover{
  border-color:var(--accent)!important;
  color:var(--accent)!important;
}

/* Mesmo tamanho/formato dos atalhos do cabeçalho */
.topbar-actions .af-utility-button,
.client-header-actions .af-utility-button{
  min-height:39px;
  padding:10px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:transparent;
  line-height:1;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

/* Mantém os botões secundários com borda dourada só no hover */
.secondary:hover,
.ghost:hover{
  border-color:var(--accent)!important;
}

/* Remove o comportamento antigo de virar apenas ícone no celular,
   deixando "Painel administrativo" consistente com as outras páginas. */
@media(max-width:650px){
  .admin-entry.af-admin-button{
    width:auto!important;
    height:auto!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }

  .admin-entry.af-admin-button::after{
    content:none!important;
  }

  .topbar-actions,
  .client-header-actions{
    flex-wrap:wrap;
  }
}

/* =========================================================
   Ajuste de alinhamento - Login / cadastro
   ========================================================= */
.auth-separator{
  width:100%;
  margin:4px 0 0;
  text-align:center;
  color:var(--muted);
}

.auth-separator span{
  display:inline-block;
  line-height:1.4;
}

.auth-switch{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  text-align:center;
}

.auth-switch > span{
  color:var(--text);
  line-height:1.4;
}

.auth-switch .auth-link-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
}

@media(max-width:520px){
  .auth-switch{
    gap:10px;
  }
}