/* ==========================================
   GESTÃO DE USUÁRIOS - VISUAL
   ========================================== */

/* Cards-resumo do topo */
body:has(.administracao-usuarios) .admin-summary-card{
  position:relative;
  overflow:hidden;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .24s ease;
}

body:has(.administracao-usuarios) .admin-summary-card:hover{
  transform:translateY(-6px);

  background:
    linear-gradient(
      135deg,
      rgba(11,102,232,.15) 0%,
      rgba(255,255,255,.97) 52%,
      rgba(245,196,0,.20) 100%
    ) !important;

  border-color:rgba(11,102,232,.23);

  box-shadow:
    0 18px 38px rgba(18,52,92,.14),
    0 0 0 1px rgba(245,196,0,.07);
}

/* Ícone acompanha o movimento */
body:has(.administracao-usuarios) .admin-summary-icon{
  transition:
    transform .20s ease,
    box-shadow .20s ease;
}

body:has(.administracao-usuarios) .admin-summary-card:hover .admin-summary-icon{
  transform:scale(1.08) translateY(-1px);
  box-shadow:0 8px 18px rgba(18,52,92,.12);
}

/* Mantém legibilidade acima do degradê */
body:has(.administracao-usuarios) .admin-summary-card > *{
  position:relative;
  z-index:1;
}